config.when(process.env.NODE_ENV !== 'development', config => { config .plugin('ScriptExtHtmlWebpackPlugin') .after('html') .use('script-ext-html-webpack-plugin', [ { // `runtime` must same as runtimeChunk name. default is `runtime` inline: /runtime\..*\.js$/ } ]) .end(...
先在src下创建a.js、b.js文件,在main.js通过动态加载import()引入,webpackChunkName为按需引入后打包的名称。npm run build打包后,runtimeChunk的结果验证 npm run build打包后,splitChunks的结果验证 npm run build打包后,cript-ext-html-webpack-plugin的结果验证 5. stats bundle 配置终端输出日志 stats: 后端...
runtimeChunk 根据路由驱动页面的 runtime 代码默认情况是包含在 build 后的 app.hash.js 内的,如果我们改动其他路由,就会导致 runtime 代码改变。从而不光我们改动的路由对应的页面 js 会变,含 runtime 代码的 app.hash.js 也会变,对用户体验是非常不友好的。 为了解决这个问题要设定 runtime 代码单独抽取打...