近日,在 vue 的 main.js 项目中引入 scss 文件发现报错
ERROR Failed to compile with 1 errors 17:14:15
This relative module was not found:
- ./assets/style/mixin.scss in ./src/main.js
主要原因是新版本的 vue-cli 已经帮我们把 sass-loader 配置好了,放在了 util.js 里面。
原来我们需要在 webpack.base.config.js 中去配置以下这段代码:
{
test:/\.scss$/,
loaders:['style','css','sass']
}
现在不需要这样配置。如果这样配置会报错,因为配置重复了。
所以,只需要安装相应的 loader,比如使用 sass 需要安装 node-sass、sass-loader。