webpack5 -- 8 代码分割

453 阅读1分钟

代码分割的几种情况

  1. 将node_modules中代码单独打包一个chunk
  2. 自动分析多入口chunk 中,有没有公共的文件,如果有会打包成单独一个chunk
  3. 通过js 代码,让某个文件被单独打包成一个chunk

方式一: 通过单入口和多入口方式 方式二:

optimization: {
    splitChunks: {
        chunks: "all"
    }
}

方式三:

import('./test.js').then(()=> {

}).catch(()=>{

})