解決方法：
刪除webpack.base.conf.js rules對/\.scss$/的配置
因為
rules:?[{
????test:?/\.vue$/,
????loader:?'vue-loader',
????options:?vueLoaderConfig
}]
vue2.0內(nèi)已經(jīng)對loader進行了默認(rèn)的配置? 只需要正確安裝即可使用
請使用
npm install style-loader sass-loader node-sass --save-dev
來安裝? ?盡量不要單一安裝
中間遇到一些情況? ?我將node_modules刪除? 重新 npm install了
請記住? ?如果要用import 來引用scss文件? 一定不要忘記在webpack.base.conf.js? resolve 中配置extensions
eg:
resolve:?{
????extensions:?['.js',?'.vue',?'.json',?'.jsx',?'.css',?'.scss'],
????alias:?{
????????'vue$':?'vue/dist/vue.esm.js',
????????'@':?resolve('src'),
????????'components':?resolve('src/components'),
????????'assets':?resolve('src/assets')
????}
}
本文為小然子原創(chuàng)文章,轉(zhuǎn)載無需和我聯(lián)系
