vue-cli想使用scss
粉丝福利 : 关注VUE中文社区公众号,回复视频领取粉丝福利
vue-cli想使用scss编辑报错,我的步骤如下
1. npm install --save-dev sass-loader
npm install --save-dev node-sass
2.build -> webpack.base.config.js -> rules新增{
test: /.scss$/,
loaders: [‘style’, ‘css’, ‘sass’]
}
3.APP.vue <style lang="scss" scoped></style>
编译的时候提示:
如果不使用lang-="scss"就能成功编译。
想请各位大佬看看问题出在那,感谢!
3 回复
试试这个
rules: [
{
test: /\.s[ac]ss$/i,
use: [
// 将 JS 字符串生成为 style 节点
'style-loader',
// 将 CSS 转化成 CommonJS 模块
'css-loader',
// 将 Sass 编译成 CSS
'sass-loader',
],
},
]
试了下,还是报和上面一样的错误
@kerwinliu 不会啊,你可以用vue-cli 搞一个 demo , 对比一下