runtimeChunk的作用
1. 说明
- 通过配置runtimeChunk,能为所有入口生成一个共享的运行时文件
- Webpack 的运行时代码(用于管理模块加载和执行的核心逻辑)变化频率低于应用代码。将其分离后,浏览器可以长期缓存这部分稳定代码,减少重复下载
2. 示例
const path = require('path');
module.exports = {entry: "./src/index.js",output: {path: path.resolve(__dirname, 'dist1'),publicPath: "/dist1/",},optimization: {minimize: false,runtimeChunk: {name: 'runtime'}}
}
会单独生成一个runtimeChunk.js运行文件,改文件里只包含运行时代码,不会包含业务代码