一. 使用sass/scss
? ? 1.? npm install --save-dev node-sass sass-loader
????2.? 在build文件夾找到webpack.base.conf.js
? ? 3. 添加規則即可，如圖
二. ?關于axios + vue2.0 ? 在ajax回調中，this指向問題
方法：
三 . ?在vue 中引入第三方非模塊化組件（以zepto為例）
需要借助兩個 loader： script-loader 和 exports-loader。
script-loader可以在我們import/require模塊時，在全局上下文環境中運行一遍模塊 JS 文件（不管require幾次，模塊僅運行一次）。
exports-loader 可以導出我們指定的對象，作用就是在模塊閉包最后加一句module.exports = window.Zepto來導出我們需要的對象，這樣我們就可以愉快地import $ from 'zepto'了。
然后修改webpack.base.conf.js 和 xxx.vue文件使用方法
四. npm run dev 編譯時報錯 “?Couldn't find preset "es2015" relative to directory ”
1.?npm install babel-preset-env --save-dev （已廢棄：babel-preset-es2015、babel-preset-es2016、babel-preset-es2017 及 babel-preset-latest）
2. 在package.json中添加?
或者 在根目錄下新建文件 .babelrc?
五.? mapState、mapMutations、mapActions使用對象展開運算符（...）報錯問題
報錯如圖
解決辦法： （babel官網文檔鏈接 ）
1. npm install --save-dev babel-plugin-transform-object-rest-spread
2. 文件 .babelrc? 添加?"plugins":["transform-object-rest-spread"]
若在package.json中有 babel 參數， 同樣是寫??"plugins":["transform-object-rest-spread"]
六.? npm run dev? 報錯??“No PostCSS Config found in ...“ (webpack 3.0+)
解決： 在根目錄創建 postcss.config.js 文件，添加如下代碼：（即引入autoprefixer插件）
