webpack 打包如何处理重复的依赖?
我们有三个子项目,他们都依赖了element ui,子项目可以独立运行。
另外还有个主项目,他依赖了这三个子项目
主项目通过webpack打包出来的文件很大,应该是element ui重复依赖了。
有没有办法实现主项目打包的时候只引入一份element ui文件?
网上搜了下貌似npm link、webpack.resolve.modules、webpack.resolve.alias可能跟解决这个问题有关,但不是很确定。
不是专业做前端的,术语描述上可能不专业,如描述有误望指正,谢谢。
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(1)
如果你的子项目都打包成 一个 文件,那么的确有这样的风险,否则的话,应该不是。
解决方案有几个:
import sub1 from 'sub1';
),而是引用入口文件,比如import sub1 from 'sub1/src'
;externals
避免打包