Question

我当前的配置是1个bundle.js文件，其中包含应用程序所需的主要内容（角度等等），所有其他文件都是通过应用程序代码中的require.ensure延迟加载的。

在缩小bundle.js之后，只需要应用程序的基础知识就可以超过100KB。是否有可能告诉webpack将主包拆分为最大20KB左右的块，以便浏览器可以同时下载它们？

Answer 1

我没有遇到基于捆绑结果本身拆分块的好方法。您可以为输出块设置最小大小，以便在块中没有多个字节时合并它们。

    // This plugin prevents Webpack from creating chunks
    // that would be too small to be worth loading separately
    new webpack.optimize.MinChunkSizePlugin({
        minChunkSize: 51200, // ~50kb
    }),

但是，我知道这不是你想要的。不幸的是，似乎还没有人写过这样的东西。听起来像一个有趣的plugin to write！

此外，请查看此博客，其中介绍了一些基本的拆分。 http://blog.madewithlove.be/post/webpack-your-bags/

Answer 2

可以使用＆＃34; AggressiveSplittingPlugin＆＃34;。你可以在这里找到它： https://github.com/webpack/webpack/tree/master/examples/http2-aggressive-splitting

请注意，只有使用webpack 2才能使用此插件。

Webpack最大块大小

2 个答案: