使用Mocha測試React-Bootstrap組件

Question

如何在瀏覽器外部使用node.js測試React-Bootstrap組件？我正在使用Webpack。由於我在無頭運行，我指定的null-loader的風格在我的WebPack配置：

{test: /(\.css|\.less)$/, loader: 'null-loader'} 

不過，我得到一個錯誤，當我運行mocha，顯示正在使用的style-loader：

webpack:///./~/style-loader/addStyles.js?:14 
     return /msie [6-9]\b/.test(window.navigator.userAgent.toLowerCase()); 
           ^

ReferenceError: window is not defined 
    at eval (webpack:///./~/style-loader/addStyles.js?:14:30) 
    at eval (webpack:///./~/style-loader/addStyles.js?:9:47) 
    at module.exports (webpack:///./~/style-loader/addStyles.js?:31:68) 
    at eval (webpack:///./~/bootstrap-webpack/bootstrap.config.js?./~/style-loader!./~/css-loader!./~/less-loader!./~/bootstrap-webpack/bootstrap-styles.loader.js:7:38) 
[...] 

看起來這是因爲bootstrap-webpack使用樣式加載器，即使我的代碼不是。

我已經上傳了一個完整但很小的項目到GitHub，所以你可以take a look。

Answer 1

bootstrap-webpack允許您覆蓋其配置。只要創建文件bootstrap.config.js和進口指定：

bootstrap.config.js

module.exports = { 
    styleLoader: 'null-loader', 
    scripts: { 
    // add every bootstrap script you need 
    'transition': false 
    }, 
    styles: { 
    // add every bootstrap style you need 
    "mixins": true, 

    "normalize": true, 
    "print": true, 

    "scaffolding": true, 
    "type": true, 
    } 
}; 

App.jsx

import 'bootstrap-webpack!../../bootstrap.config.js';