Question

我目前正在使用Angular2，Sass，Webpack开始一个新项目，编写测试并运行它们Gulp / Karma。不幸的是，一旦我开始在组件中需要我的Sass文件，我的单元测试就破了。我已经看到React＆amp; amp;和然而，摩卡我不太确定如何使用我的设置来解决它。

示例：

ERROR in ./scripts/app/dashboard/dashboard.component.scss
Module parse failed: [path]/dashboard.component.scss Unexpected character '@' (1:0)
You may need an appropriate loader to handle this file type.
SyntaxError: Unexpected character '@' (1:0)

当我尝试运行我的测试时，似乎一旦它尝试加载需要Sass文件的组件就会中断。

{{1}}

非常感谢任何帮助 - 谢谢！

Answer 1

刚刚意识到我在webpack配置部分的karma.conf.js中缺少了sass-loader。

刚刚将以下内容添加到加载器中：

{ test: /\.scss$/, exclude: /node_modules/, loader: 'raw-loader!sass-loader' }

现在它运作正常。哎呦！

Angular2和webpack，组件需要sass break单元测试

1 个答案: