optimization.splitchunks
时间: 2023-04-26 13:00:59 浏览: 337
optimization.splitchunks是webpack中的一个配置选项,用于控制代码分割的行为。它可以帮助我们将代码分割成更小的块,以便于更好地利用浏览器的缓存机制,提高应用程序的加载速度和性能。通过配置optimization.splitchunks,我们可以指定哪些模块应该被分割,以及如何分割它们。例如,我们可以根据模块的大小、使用频率、依赖关系等因素来决定如何分割代码。
相关问题
optimization.splitChunks
`optimization.splitChunks` 是 Webpack 中用于代码分割的配置选项。它可以将多个入口文件中共同依赖的模块提取出来,形成一个单独的 chunk,从而减少重复代码的加载和执行,提高页面加载速度。
具体来说,`optimization.splitChunks` 可以配置以下选项:
- `chunks`:表示哪些 chunk 参与分割,默认为 `async`,即只对异步加载的 chunk 进行分割。
- `minSize`:表示分割出来的 chunk 的最小大小,默认为 30000。
- `maxSize`:表示分割出来的 chunk 的最大大小,默认为 0,即不限制大小。
- `minChunks`:表示一个模块被多少个 chunk 引用时才会被分割,默认为 1。
- `maxAsyncRequests`:表示异步加载时同时请求的最大数量,默认为 5。
- `maxInitialRequests`:表示入口文件中同时加载的最大数量,默认为 3。
- `automaticNameDelimiter`:表示自动生成的 chunk 名称中,用于连接模块名称的分隔符,默认为 `~`。
- `name`:表示手动指定生成的 chunk 名称。
- `cacheGroups`:表示缓存组,可以对符合条件的模块进行分组,然后对每个组单独进行分割。
cross-env NODE_ENV=production nuxt build [warn] `mode` option is deprecated. You can safely remove it from `nuxt.config` [warn] vendor has been deprecated due to webpack4 optimization [warn] build.extractCSS.allChunks has no effect from v2.0.0. Please use build.optimization.splitChunks settings instead.
这是一个 Nuxt.js 的警告信息,提示你一些配置已经被废弃或者修改了。具体来说:
- `mode` 选项已经被废弃了,你可以直接移除它。
- `vendor` 配置也被废弃了,因为 Webpack4 已经做了优化,你可以考虑移除它并使用默认的配置。
- `build.extractCSS.allChunks` 配置从 v2.0.0 开始不再生效,你可以使用 `build.optimization.splitChunks` 代替。
如果你想消除这些警告,可以按照提示修改你的 Nuxt.js 配置文件。