Webpack 4 splitChunks生成多个css

Webpack 4是一个现代化的JavaScript模块打包工具，用于将多个JavaScript文件和其他资源（如CSS、图片等）打包成一个或多个最终部署的文件。splitChunks是Webpack 4中的一个功能，用于将共享的代码块（如第三方库或公共模块）提取出来，以便在多个入口文件之间共享和复用。

具体来说，splitChunks可以将多个入口文件中重复的模块提取出来，生成一个单独的文件，以减少重复加载和提高页面加载速度。它可以根据一些配置选项来决定哪些模块应该被提取，以及如何命名和输出这些提取出来的文件。

splitChunks的配置选项包括：

1. chunks：指定需要提取的模块类型，默认为async，表示只提取异步加载的模块。还可以设置为initial（提取初始加载的模块）或all（提取所有模块）。
2. minSize：指定模块的最小大小（以字节为单位），只有大于该大小的模块才会被提取，默认为30000。
3. maxSize：指定模块的最大大小（以字节为单位），如果一个模块的大小超过该值，将会被拆分成更小的模块，默认为0，表示不限制大小。
4. minChunks：指定一个模块被引用的最小次数，只有被引用次数超过该值的模块才会被提取，默认为1。
5. maxAsyncRequests：指定异步加载的模块并行请求的最大数量，默认为5。
6. maxInitialRequests：指定初始加载的模块并行请求的最大数量，默认为3。
7. automaticNameDelimiter：指定提取出的文件名的连接符，默认为~。
8. name：指定提取出的文件名，默认为true，表示根据模块名和缓存组键值自动生成文件名。
9. cacheGroups：用于配置缓存组，可以根据一些规则将模块分组，以便更好地控制提取的行为。

splitChunks的应用场景包括：

1. 提取第三方库：将多个入口文件中共享的第三方库（如React、Vue等）提取出来，以便在多个页面之间共享和复用，减少重复加载。
2. 提取公共模块：将多个入口文件中共享的业务逻辑模块提取出来，以便在多个页面之间共享和复用，减少重复加载。
3. 异步加载优化：将异步加载的模块按需提取，减少初始加载的文件大小，提高页面加载速度。

对于Webpack 4的splitChunks功能，腾讯云提供了一系列相关产品和服务，包括：

1. 腾讯云CDN（内容分发网络）：用于加速静态资源的分发和访问，可以将提取出的CSS文件和其他静态资源缓存到全球各地的边缘节点，提高用户访问速度。详情请参考：腾讯云CDN产品介绍
2. 腾讯云对象存储（COS）：用于存储和管理大规模的非结构化数据，可以将提取出的CSS文件和其他静态资源上传到COS进行存储和分发。详情请参考：腾讯云对象存储产品介绍
3. 腾讯云云服务器（CVM）：用于提供可扩展的计算能力，可以部署和运行Webpack打包后的文件，以及其他后端服务。详情请参考：腾讯云云服务器产品介绍
4. 腾讯云容器服务（TKE）：用于提供容器化的应用部署和管理，可以将Webpack打包后的文件打包成容器镜像，并在TKE上进行部署和管理。详情请参考：腾讯云容器服务产品介绍

以上是关于Webpack 4 splitChunks生成多个CSS的完善且全面的答案，希望能对您有所帮助。