在vue 中 使用 sass 并出现loader重复编译报错问题

正常使用以下步骤安装sass后

1.安装sass :npm install node-sass sass-loader --save-dev

2.找到build中webpack.base.conf.js,在rules中添加scss规则
{
test: /.scss$/,
loaders: [‘vue-style-loader’, ‘css-loader’, ‘sass-loader’]
}

**出现因为sass-loader重复解析报错

解决办法一

1. 在vue build>until.js 文件中注释 下面这两行

2.在vue build>base.config.js下面 loader解析规则中加上 {
test: /.scss$/,
use: [‘vue-style-loader’, ‘css-loader’, ‘sass-loader’], },

解决办法二

在vue build>base.config.js下面 loader解析规则中加上 {
test: /.scss$/,
use: [‘vue-style-loader’, ‘css-loader’, ‘sass-loader’],
include: [] /* 加上这个，[] 包含内容为空 */ },