vue+webpack構建專案過程
專案環境搭建：
1.安裝node (node -v檢視node版本)
2.全域性安裝vue-cli
Npm install -g vue-cli
Vue:檢視是否安裝成功
Vue list：檢視可用的模板
3.建立一個基於 "webpack" 模板的新專案
Vue init webpack project-name(預設安裝2.0版本)
Vue init webpack#1.0 project-name(安裝1.0版本)
腳手架工具如下：
-build中配置了webpack的基本配置、開發環境配置、生產環境配置等
-config中配置了路徑埠值等
-node_modules為依賴的模組
-src放置元件和入口檔案
-static放置靜態資原始檔
-index.html檔案入口
webpack中的一些解釋
new HtmlWebpackPlugin 這個外掛的作用是把output輸出的檔案自動插入到html裡
1.cd project-name
2.Npm install
3.Npm run dev
4.在瀏覽器輸入localhost:8080 效果如下：
因為使用了stylus語法，安裝完stylus-loader後依然報錯，是因為npm 3+ 會報錯，所以還需手動安裝stylus。
問題一：安裝stylus-loader遇到的問題：
解決方法：npm i sytlus --save --dev
成功解決！
問題二：
vue-router應用於元件內時的矛盾
解決方法：如果遇到此問題，將VueRouter的引用放在App的引用下面，需App.vue先編譯完成
成功解決
問題三：
因為專案中使用了字型圖示，路徑也沒有問題別人那裡也不報錯但是我這裡編譯後總是報錯：
後來終於解決了：
之前是想直接引用index.styl檔案，但是編譯報錯，後來發現這樣引用問題成功解決
