vue-loader是什么和vue-cli腳手架的使用


wvue-loader

沒玩過require.js也沒玩過sea.js,那該怎么理解vue-loader是什么呢?

現在推崇的模塊化開發,那么requirejs和seajs以及現在非常流行的webpack都是模塊化開發的工具,在以前,例如在requirejs中,可以依賴加載某些js文件,例如:require(main.js)但是無法加載css,圖片等等文件。在新潮的webpack中,強調所有資源都是模塊,那么是不是可以照搬require(main.css)呢?發現瀏覽器是無法解析的,那么我們需要一個工具,那就是css-loader、style-loader

在webpack加vue的開發模式中,所謂的.vue文件瀏覽器也是無法解析的,那么,所謂的vue-loader也就就懂了,它只是一個讓瀏覽器認識.vue文件的工具,至於.vue文件還需要依賴其他工具進行解析,例如html-loader等等。

 

 

vue-cli

在工作用vue-cli搭建vue環境:

1.vue init webpack-simple 項目名稱 (構建vue腳手架 webpack-simple可為:webpack webpack-simple。。。)

2.cd 項目名稱                                (進入項目)

3.npm install            (下載依賴包)

4.npm run dev                   (啟動項目)

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM