Webpack Externals導致崩潰測試

Question

在我的反應項目中看到一個巨大的部署包後，我決定定義外部以減少webpack.config.js文件中的大小。

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

現在捆綁是非常小的，該網站工作正常，但當我嘗試運行我的測試（因緣/茉莉）我在終端得到一個奇怪的錯誤：

ReferenceError: Can't find variable: ReactRouter 

這顯然是從外部，但我不習慣在webpack中定義這些。有誰知道這些引用是否需要在其他地方定義？ webpackConfig已經被拉入karma配置。

Answer 1

您是否仍然在代碼中使用require("react-router")？ webpack外部允許你在require左邊的東西，和webpack將只看window[thing on the right]找到它 - 所以在這種情況下，require("react-router")將返回window.ReactRouter。