Với WebPack, bạn có thể nhập kiểu trong mã của mình như sau: import './PageSpinner.styl'; Nhưng khi bạn thử kiểm tra mã này bằng Mocha, các kiểm tra của bạn sẽ bị lỗi với SyntaxError vì động cơ cố xử lý các kiểu như JS mã.Xử lý nhập WebPack CSS khi thử nghiệm với Mocha
Tôi làm cách nào để thử nghiệm mã như thế này với Mocha?
Tôi đã gặp vấn đề tương tự gần đây và giải pháp là thông qua trình biên dịch Mocha.
tạo một tập tin, chúng ta hãy gọi nó là 'css-null-compiler.js' và nó có:
function noop() {
return null;
}
require.extensions['.styl'] = noop;
// you can add whatever you wanna handle
require.extensions['.scss'] = noop;
require.extensions['.png'] = noop;
// ..etc
khi bạn chạy mocha từ dòng lệnh, vượt qua tập tin này như một trình biên dịch
mocha /your/test.spec.js --compilers css:css-null-compiler.js
Điều này có thể được thực hiện với gói ignore-styles.
Cài đặt gói và sau đó yêu cầu khi chạy mocha.
ví dụ:
mocha --require babel-register --require ignore-styles
Cool! Bạn cứu mạng tôi. – zhaozhiming
Tôi đã làm như vậy vẫn phải đối mặt với cùng một lỗi !! –
Có vẻ như điều này không còn khắc phục được sự cố vì 'require.extensions ['...']' đã không được chấp nhận nữa. @brent đã khắc phục sự cố này cho tôi bên dưới. – Joe