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　　　　　　             (啓動項目)