- 1. 可以把一个大的入口文件 分割 成 多个入口文件,实现并行加载,从而速度更快
- 2.可以设置成按需加载,比如单页面开发,整个页面非常庞大,所以要根据路由拆分成多个文件,实现按需加载(拆分文件需要用到webpack拆分)
- 在 webpack 中可以定义多入口，将不同的入口文件打包为不同的 chunk
- 单入口引入jQuery, jQuery会和入口js,会合并在一起
后果:入口js 和 jQuery 合并了(这是不允许的)
解决办法:在module.esxports引入optimization 把jQuery打包成一个单独的文件 -
-
-
单入口---->只引入一个入口文件
多入口---->引入多个入口文件
多入口打包: 会生成对应的打包文件
/*
1.可以将node_modules中代码单独打包一个chunk最终输出
2.自动分析多入口chunk中, 有没有公共的文件.如果有会打包成单独一个chunk
*/
optimization:{
splitChunks:{
chunks:'all'
}
},