我正在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是应该要求的所有内容,但也许我错了,或者我只是错过了配置中的内容......
答案 0 :(得分:1)
是的,您应该手动导入common.js,如文档中所述:
您必须在入口点之前加载生成的块:
<script src="commons.js" charset="utf-8"></script>
<script src="entry.bundle.js" charset="utf-8"></script>