前言:代码分割是针对js代码而言的
一、代码分割的三种途径
1、多入口
entry: {
index: './index.js',
test: './test.js'
}
2、optimization.splitChunks配置
// 此配置的默认行为:
// a、将node_modules中要引入的第三方代码打包成一个chunk
// b、如果是多入口,有公共的引入代码,公共部分只会打包成一个chunk
optimization: {
splitChunks: {
chunks: 'all'
}
}
3、通过js代码方式将某个文件单独打包成一个chunk
在index.js中引入test.js,用下面方式引入
import(/* webpackChunkName: 'test' */'./test.js').then(res => {...})