为什么scss构建失败？

【问题标题】：why does the scss build fail?为什么scss构建失败？
【发布时间】：2018-01-10 17:38:41
【问题描述】：

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

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

【问题讨论】：

【解决方案1】：

你需要配置 webpack 来加载scss。为此，您需要安装 node-sass 和 sass-loader 。使用以下命令安装

npm i -S node-sass sass-loader

添加新规则以在 webpack.config 文件中加载 scss

module:{
  rules:[
         ...some tests
         {test:/\.scss$/,use:['style-loader','css-loader','sass-loader']}
    ]
}

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

【讨论】：