如何防止React App中的依赖项重复

时间:2019-10-08 10:30:54

标签: reactjs npm webpack create-react-app

我正在创建带有create-react-app的ReactApp(我们称其为MainApp)。 MainApp使用我的其他ReactApps(也称为ComponentApp)中的组件,这些组件也是通过create-react-app创建的。两个应用程序都使用相似的模块(react,antd(用于UI)等)。因此,我不想捆绑这些模块并使ComponentApp尽可能小(因为antd非常大)。

我正在使用Webpack捆绑ComponentApp。我将这些模块放在webpack.config.js的外部组件中,并在package.json中将这些模块作为peerDependencies。最终捆绑包比以前小。但是问题是当我查看源地图(由source-map-explorer创建)时构建MainApp时,最终的捆绑包实际上更大了,因为无论如何我都希望可以从MainApp使用的所有模块都已添加,并且源地图包含多个antd,react-dom,...模块的版本相同,因此应该没有任何问题。我也尝试过npm重复数据删除,但是它也不起作用。

我希望在最终捆绑包中只有一个共享模块实例,而不是多次共享。

0 个答案:

没有答案