webpack - Webpack 4 splitChunks 和动态导入:只部署新的/更新的模块?
问题描述
我一直致力于通过生成多个包来改进客户端缓存。我已经进行了设置,因此在我网站的所有页面之间共享了 1 个 entry.js,并且特定于页面的模块在运行时有条件地动态导入。我的 Webpack 使用 splitChunks 包和通过 Webpack 的动态导入和魔术注释功能自动生成的包。我遇到的问题是,当我构建时,如果我只部署新的/修改的包以及 entry.js,那么一切都会失败。我可以以某种方式配置 Webpack 以在内部保持其包引用在不同构建中相同,以便我只能部署新的/修改过的包?
解决方案
所以我发现我需要在 webpack.config 中设置 2 个配置:
configuration.moduleIds: "named",
configuration.chunkIds: "named",
我要做更多的测试,但现在我可以部署一个新的包和修改过的包,而无需部署构建生成的所有包。
推荐阅读
- .net-core - 如何使用 IHttpClientFactory 在 Blazor Server 中配置 HttpClient 基地址
- java - 网页辅助功能:输入需要用键盘检查 Enter 键按下
- excel - 动态嵌套excel公式
- java - RabbitMQ 异常:操作 queue.declare 导致服务器端出现通道异常 not_found
- c++ - 通过插入节点创建一个新的链表
- python - 通过python发送查询但rowcount仍然为0
- azure - 禁止委派管理员用户删除资源
- mariadb - openstack中nova的数据库同步期间出错
- javascript - 将带有循环的 Songtext 中的所有元音更改为“a”
- xml - Apache FOP 如何使用换行符限制字符长度/在哪里实现所需的功能