一. 使用sass/scss

? ? 1.? npm install --save-dev node-sass sass-loader

????2.? 在build文件夾找到webpack.base.conf.js

? ? 3. 添加規(guī)則即可，如圖

二. ?關(guān)于axios + vue2.0 ? 在ajax回調(diào)中，this指向問(wèn)題

方法：

箭頭函數(shù)

三 . ?在vue 中引入第三方非模塊化組件（以zepto為例）

需要借助兩個(gè) loader： script-loader 和 exports-loader。

script-loader可以在我們import/require模塊時(shí)，在全局上下文環(huán)境中運(yùn)行一遍模塊 JS 文件（不管require幾次，模塊僅運(yùn)行一次）。

exports-loader 可以導(dǎo)出我們指定的對(duì)象，作用就是在模塊閉包最后加一句module.exports = window.Zepto來(lái)導(dǎo)出我們需要的對(duì)象，這樣我們就可以愉快地import $ from 'zepto'了。

然后修改webpack.base.conf.js 和 xxx.vue文件使用方法

zepto-webpack-config

四. npm run dev 編譯時(shí)報(bào)錯(cuò) “?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使用對(duì)象展開(kāi)運(yùn)算符（...）報(bào)錯(cuò)問(wèn)題

報(bào)錯(cuò)如圖

解決辦法： （babel官網(wǎng)文檔鏈接 ）

1. npm install --save-dev babel-plugin-transform-object-rest-spread

2. 文件 .babelrc? 添加?"plugins":["transform-object-rest-spread"]

若在package.json中有 babel 參數(shù)， 同樣是寫??"plugins":["transform-object-rest-spread"]

.babelrc

六.? npm run dev? 報(bào)錯(cuò)??“No PostCSS Config found in ...“ (webpack 3.0+)

解決： 在根目錄創(chuàng)建 postcss.config.js 文件，添加如下代碼：（即引入autoprefixer插件）