使用WebPack,您可以在代码中导入样式,如下所示：import’./PageSpinner.styl’;但是,当您尝试使用Mocha测试此代码时,您的测试将使用SyntaxError崩溃,因为引擎尝试处理像JS代码之类的样式.
如何用摩卡测试这样的代码？
解决方法
最近我有同样的问题,解决方案是通过摩卡编译器.
创建一个文件,让我们称之为’css-null-compiler.js’,它有：
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 /your/test.spec.js --compilers css:css-null-compiler.js
