记录 webpack 相关问题

最新推荐文章于 2025-12-29 08:49:07 发布

原创最新推荐文章于 2025-12-29 08:49:07 发布 · 437 阅读

0 ·

本内容遵循CC 4.0 BY-SA版权协议

标签

#webpack #前端 #javascript

收录于

webpack 专栏收录该内容

1 篇文章

订阅专栏

文章介绍了如何使用Webpack的LimitChunkCountPlugin插件来优化打包过程，通过设置maxChunks限制生成的js文件最大数量，以及minChunkSize设定每个chunk的最小大小，以减少文件碎片并优化资源加载。

1.webpack打包生成的js文件（chunck.js文件）太多处理方式

webpackConfig = {
    plugins: [
        // 限制打包的个数(减少打包生成的js文件和css文件)
        new webpack.optimize.LimitChunkCountPlugin({
            // 使用大于或等于 1 的值，来限制 chunk 的最大数量
            maxChunks: 10,
            // minChunkSize: 设置 chunk 的最小大小。
            minChunkSize: 100
        })
    ]
}