根据文件大小预加载webpack异步模块
当异步引入组件库中的多个小型组件时，可能会导致过多的http请求，影响性能。幸运的是，webpack提供了splitchunksplugin，允许我们根据文件大小来预加载模块。
splitchunksplugin
splitchunksplugin是webpack 4引入的功能，用于优化代码拆分。配置此插件时，可以设置最小文件大小（minsize）、最大文件大小（maxsize）和最大异步请求数（maxasyncrequests）。
下面是一个配置示例，指定当文件大小超过30kb时将其合并：
module.exports = {
optimization: {
splitChunks: {
chunks: 'all',
minSize: 30000, // 设置最小文件大小为30KB
maxSize: 0, // 设置最大文件大小，0表示不限制
maxAsyncRequests: 10, // 设置并发请求的最大数量
maxInitialRequests: 5, // 设置初始并发请求的最大数量
}
}
};在这种情况下，如果单个文件的大小小于30kb，webpack会将其与其他文件合并成一个块。该配置还设置了其他参数，例如并发请求的限制。
解决小型组件的预加载
通过此配置，可以将小型组件组合到一个块中。这将减少http请求的数量，提高加载性能。
