Question

如何在浏览器外部使用node.js测试React-Bootstrap组件？我正在使用Webpack。由于我无头跑，我在webpack配置中为样式指定了null-loader：

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

然而，当我运行显示正在使用mocha的{{1}}时出现错误：

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) [...]正在使用样式加载器，即使我的代码不是。

我已经向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';

使用Mocha测试React-Bootstrap组件

1 个答案: