Webpack - CommonsChunkPlugin（lib building），common.js没有在父app中加载

Question

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

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

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

在父应用程序（我想要使用UI lib的React应用程序）中，我这样做：

import { Button } from 'ui-library/lib/Button';

但结果如下：

webpackJsonp is not defined

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

我错过了什么吗？ IS common.js应该在父项目中手动加载？我认为导入cmp是应该要求的所有内容，但也许我错了，或者我只是错过了配置中的内容......

Answer 1

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

  

您必须在入口点之前加载生成的块：

<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/