解决方法：
删除webpack.base.conf.js rules对/\.scss$/的配置
因为
rules: [{
test: /\.vue$/,
loader: 'vue-loader',
options: vueLoaderConfig
}]
vue2.0内已经对loader进行了默认的配置 只需要正确安装即可使用
请使用
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')
}
}
本文为小然子原创文章,转载无需和我联系
