vue-cli想使用scss
发布于 22 天前 作者 kerwinliu 184 次浏览 最后一次编辑是 22 天前 来自 问答
粉丝福利 : 关注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> 编译的时候提示: image.png 如果不使用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 , 对比一下

回到顶部