Reactjs 使用Mocha测试React引导组件

如何在浏览器外使用node.js测试React引导组件？我正在使用网页包。由于我正在运行headless，我在我的网页配置中为样式指定了

null加载程序

：

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

然而，当我运行

mocha

时，我得到一个错误，显示正在使用

样式加载器

：

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，这样您就可以了。

bootstrap webpack允许您覆盖其配置。只需创建bootstrap.config.js文件并在导入中指定：

bootstrap.config.js

App.jsx

引导Web包允许您覆盖其配置。只需创建bootstrap.config.js文件并在导入中指定：

bootstrap.config.js

App.jsx

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,
  }
};

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