vue 项目中 在 main.js 中引入 .scss 文件 报找不到的错误?
1. 问题:你在main.js 下引入 scss 文件 明明路径是正确的, 但是在运行的时候就会提示找不到该文件?2.解决:新版本的vue-cli已经帮我们把sass-loader配置好了,放在util.js里面了前面我们通过cnpm i node-sass sass-loader -D 安装好了scss依赖并在build文件夹下的webpack...
·
1. 问题:
你在main.js 下引入 scss 文件 明明路径是正确的, 但是在运行的时候就会提示找不到该文件?
2.解决:
新版本的vue-cli已经帮我们把sass-loader配置好了,放在util.js里面了
前面我们通过 cnpm i node-sass sass-loader -D 安装好了scss依赖
并在build文件夹下的webpack.base.conf.js的rules里面添加了如下配置
{
test: /\.scss$/,
loaders: ['style', 'css', 'sass']
}
现在不需要这样配置。如果这样配置会报错,因为配置重复了。
只需将此配置删除即可
更多推荐
已为社区贡献5条内容
所有评论(0)