javascript - Webpack - CommonsChunkPlugin(lib 构建)，common.js 未在父应用程序中加载

Question

我正在 React 中创建 UI 组件库...

我的 Webpack 配置有多个入口点，导致多个包，例如:

我使用 CommonsChunkPlugin 生成 common.js，它是其他包之间的共享代码。

在父应用程序(我想在其中使用 UI 库的 React 应用程序)中，我这样做:

从 'ui-library/lib/Button' 导入 { Button };

但这会导致:

webpackJsonp is not defined

这意味着common.js没有加载。这是我的 webpack 插件属性值:

我错过了什么吗？ common.js 是否应该在父项目中手动加载？我预计导入 cmp 就是所需要的全部内容，但也许我错了，或者我只是错过了配置中的某些内容...

Answer 1

是的，您应该手动导入 common.js，如文档中所述:

You must load the generated chunk before the entry point:

<script src="commons.js" charset="utf-8"></script>
<script src="entry.bundle.js" charset="utf-8"></script>

来源:https://webpack.js.org/plugins/commons-chunk-plugin/