MochaでテストするときにWebPack CSSインポートを処理する

WebPackを使用すると、次のようなコードでスタイルをインポートできます。import './PageSpinner.styl';しかし、このコードをMochaでテストすると、EngineはSyntaxErrorでクラッシュします。エンジンはJSコード。MochaでテストするときにWebPack CSSインポートを処理する

モカでこのようなコードをテストするにはどうすればよいですか？

出典

2015-09-20 andre487

私は最近、同じ問題を抱えていました。解決策は、モカのコンパイラを使用することでした。

のは、「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

としてこのファイルを渡します

出典

2015-09-29 15:57:54

Cool！あなたは私の人生を救う。 – zhaozhiming

私は同じエラーに直面している同じをやった！ –

'require.extensions ['...']'が推奨されなくなったため、この問題は修正されていないようです。 @brentがこの問題を私のために修正しました。 – Joe

これはignore-stylesパッケージで行うことができます。

パッケージをインストールしてから、mochaを実行するときに必要です。

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

出典

2016-11-29 23:26:59 brent

MochaでテストするときにWebPack CSSインポートを処理する

答えて

関連する問題