微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

Webpack 合并入口和拆分块

如何解决Webpack 合并入口和拆分块

有几个入口点:

  • a
  • b

共享代码要求:

  • 条目 a 中的所有内容都应在所有其他条目之间共享

构建结果:

  • a.chunk.js - 共享代码,仅包含块,不包含 UMD
  • a.bundle.js - UMD 包
  • b.bundle.js - UMD 包

加载顺序:

  • 加载ba.chunk.js,然后b.bundle.js
  • 加载aa.chunk.js,然后a.bundle.js

我想在加载 a 条目时删除其他请求。

问题 – 如何合并 a.chunk.jsa.bundle.js? 因此,我希望收到包含 a.bundle.js UMD 标头和共享块的 a


我做了一个解决方法,现在,我只是在构建后立即合并两个文件

fs.appendFile('a.bundle.js',fs.readFileSуnc('a.chunk.js')

我认为这不是一个好的解决方案,它可能会破坏源映射并且模块哈希不会按预期工作。

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。