code split（代码分隔） 在webpack中是为了把 node_modules 中的引用资源包单独打包出 chunk，减少文件大小，并行加载资源请求，优化性能。可以在 webpack 配置文件中配置
optimization: {
splitChunks: {
chunks: 'all',
},
},
如果需要源码文件也单独打包出来，可以使用 import 的动态导入语法，如：
import(/* webpackChunkName: 'xxx' */ '.xxx').then(()=> {}).catch(() => {})
/* webpackChunkName: 'xxx' */ 这个用来生成打包出来的chunk包的名字
optimization: {
splitChunks: {
chunks: 'all',
},
},
如果需要源码文件也单独打包出来，可以使用 import 的动态导入语法，如：
import(/* webpackChunkName: 'xxx' */ '.xxx').then(()=> {}).catch(() => {})
/* webpackChunkName: 'xxx' */ 这个用来生成打包出来的chunk包的名字
展开
评论
点赞