2023-6-7 webpack(魔法注释preload和prefetch, optimization.runtimeChunk)

257 阅读1分钟

image.png

魔法注释webpackChunkName可以命名webpack打包后的chunk.js的名字

魔法注释webpackPrefetch可以让浏览器在空闲的时候帮助我们下载动态导入的js(一般webpackPrefetch开发时运用较多)

image.png

魔法注释webpackPreLoad会在父脚本加载的时候进行预加载

image.png

image.png

runtimeChunk主要是决定要不要将运行时代码(异步代码)单独抽离到一个只含有runtime代码的chunk,如果不设置默认会把运行时代码打包到对应的bundle.js

image.png