Webpack 4 splitChunks和动态导入:只部署新的/更新的模块？

Webpack 4是一个现代化的JavaScript模块打包工具，它提供了一种将多个模块打包成一个或多个bundle的方式。splitChunks是Webpack 4中的一个功能，它用于将公共的模块提取出来，形成一个单独的bundle，以便在多个页面之间共享使用。

动态导入是指在代码运行时根据需要动态加载模块。Webpack 4支持使用import()语法进行动态导入，这样可以将模块按需加载，提高应用的性能和加载速度。

当只部署新的/更新的模块时，Webpack 4的splitChunks和动态导入可以起到以下作用：

1. 减少初始加载时间：通过将公共的模块提取出来，可以将其打包成一个单独的bundle，并在多个页面之间共享使用。这样可以减少初始加载时间，提高用户体验。
2. 按需加载模块：使用动态导入(import())语法可以在代码运行时根据需要动态加载模块。这样可以避免一次性加载所有模块，而是根据用户的操作或需求来加载相应的模块，减少不必要的网络请求和资源浪费。
3. 提高缓存效果：通过将公共的模块提取出来，可以将其打包成一个单独的bundle，并使用长效缓存策略。当只部署新的/更新的模块时，只需重新加载这些模块对应的bundle，而不需要重新加载公共的模块，提高缓存效果，减少网络流量。
4. 优化代码分割：Webpack 4的splitChunks功能可以根据配置的规则将模块进行分割，以达到优化代码的目的。可以根据模块的大小、引用次数等进行分割，将大的模块拆分成更小的模块，提高代码的可维护性和可读性。

在腾讯云的云计算平台中，可以使用腾讯云的云开发服务（CloudBase）来部署和管理Webpack 4的splitChunks和动态导入。CloudBase提供了云端一体化的开发环境，支持前端开发、后端开发、数据库、服务器运维等多种功能。您可以通过CloudBase来部署和管理您的Webpack 4项目，并享受腾讯云提供的稳定、高效的云计算服务。

更多关于腾讯云云开发服务（CloudBase）的信息，请访问腾讯云官方网站：腾讯云云开发服务（CloudBase）