为什么scss构建失败？

Question

在我的vue-cli webpack项目中，我尝试在我的全局index.scss中包含mixin.scss和base.scss。但它失败了：

我真的很困惑。语法错了吗？

Answer 1

您需要配置webpack以加载brands .iterator .flatMap { _.toLowerCase.split(",") } .map(_.trim) .map { _.replaceAll("""[^\w-]""", "") } .flatMap(spaceVariations) .toSet 。为此，您需要安装scss和node-sass。使用以下命令安装

  

npm i -S node-sass sass-loader

添加新规则以在webpack.config文件中加载sass-loader

scss

注意：加载器反向运行，所以首先运行sass-loader。所以订单很重要