Question

使用WebPack，您可以在代码中导入样式：import './PageSpinner.styl';但是当您尝试使用Mocha测试此代码时，您的测试将与SyntaxError崩溃，因为引擎会尝试处理JS代码等样式。

如何使用Mocha测试这样的代码？

Answer 1

我最近遇到了同样的问题，解决方案是通过Mocha编译器。

创建一个文件，让我们称之为“css-null-compiler.js＆＃39;它有：

function noop() {
  return null;
}

require.extensions['.styl'] = noop;
// you can add whatever you wanna handle
require.extensions['.scss'] = noop;
require.extensions['.png'] = noop;
// ..etc

从命令行运行mocha时，将此文件作为编译器传递

mocha /your/test.spec.js --compilers css:css-null-compiler.js

Answer 2

可以使用ignore-styles包完成此操作。

安装软件包，然后在运行mocha时需要。

e.g。

mocha --require babel-register --require ignore-styles

使用Mocha进行测试时处理WebPack CSS导入

2 个答案: