使用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';