Webpack SCSS Angular2答案

【问题标题】：Webpack SCSS Angular2Webpack SCSS Angular2
【发布时间】：2017-04-30 21:30:39
【问题描述】：

我正在使用 angularClass webpack 入门工具包。我喜欢我不必设置单元测试，这真是一种解脱。无论如何在webpack.common.js我添加了以下

loaders: [
        {
          test: /\.scss$/,
          exclude: /node_modules/,
          loaders: ['raw-loader', 'sass-loader'] // sass-loader not scss-loader
        }
      ],

在module{} 下，请注意loaders 数组不存在。

我收到一个错误提示

解析失败 - path/to/scss/file 中的错误 - 您可能需要一个合适的加载器来处理这个文件类型

我不知道这是什么原因。尤其是我将 webpack 与 ng1 一起使用并做出反应并使用了相同的加载器。

同样的问题也发生在哈巴狗身上。我当然关注了每个堆栈溢出和 github 问题，但无济于事。

【问题讨论】：

愚蠢的问题：path/to/scss/file 真的是.scss 文件吗？
是的，它是正确的路径，当我用.css 替换.scss 时，所有工作都可以
现在可以用了吗？
不，不是，周末再看。真的很烦
没有希望，如果有人有解决方案请发帖

标签： angular sass webpack

【解决方案1】：

终于找到了解决办法。 OMFNG。

将数组rules中的所有对象移动到loaders

这使得scss 工作，我认为pug 也会工作，就像测试和观察一样。如果它不起作用将更新此。

【讨论】：