Webpack 外部导致崩溃测试

Question

在我的 react 项目中看到一个巨大的部署包后，我决定定义外部以减少 webpack.config.js 文件的大小。

 'react': 'React',
 'react-dom': 'ReactDOM',
 'react-router': 'ReactRouter', ... 

现在捆绑包非常小，网站运行良好，但是当我尝试运行我的测试 (karma/jasmine) 时，我在终端中收到一个奇怪的错误：

ReferenceError: Can't find variable: ReactRouter

这显然来自外部，但我不习惯在 webpack 中定义这些。有谁知道这些引用是否也需要在其他地方定义？ webpackConfig 已经被拉入 karma 配置。

Answer 1

您还在代码中使用require("react-router") 吗？ webpack externals 允许你 require 左边的东西，而 webpack 只会在 window[thing on the right] 上找到它——所以在这种情况下，require("react-router") 将返回 window.ReactRouter。