WebPack ile test ederken WebPack CSS içe aktarma işlemini gerçekleştirin

Question

WebPack ile stilleri kodunuzda şu şekilde alabilirsiniz: import './PageSpinner.styl'; Ancak bu kodu Mocha ile sınamaya çalıştığınızda, söz dizimi, JS gibi stilleri işlemeye çalıştığı için sözdizimi SyntaxError ile çökecektir. kodu.

Böyle bir kodu Mocha ile nasıl test edebilirim?

Answer 1

Son zamanlarda da aynı problemi yaşadım ve çözüm Mocha derleyicileriydi.

en 'css null-compiler.js' diyelim, bir dosya oluşturmak ve sahip: komut satırından kahverengisini çalıştırdığınızda

function noop() { 
    return null; 
} 

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

, bir derleyici

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

olarak bu dosyayı geçmesi

Answer 2

Bu, ignore-styles paketi ile yapılabilir.

Paketi yükleyin ve mocha'yı çalıştırırken gerekir.

örn.

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