为什么webpack不把组件中的CSS渲染成vendor.css文件？

Webpack不会将组件中的CSS渲染成vendor.css文件的原因是因为Webpack的设计理念是将所有模块打包成一个或多个bundle文件，而不是将每个组件的CSS单独提取出来。

Webpack的主要目标是将所有模块打包成一个或多个bundle文件，以便在浏览器中加载。它通过解析模块之间的依赖关系，并将它们打包成一个或多个bundle文件，以实现代码的模块化和优化。

在Webpack中，CSS通常是通过CSS加载器（如style-loader和css-loader）来处理的。当Webpack遇到CSS模块时，它会将CSS代码转换为JavaScript代码，并将其插入到bundle文件中。这样做的好处是可以将CSS与对应的组件代码捆绑在一起，减少了额外的网络请求，并且可以更好地控制CSS的加载顺序和作用域。

另外，Webpack还提供了一些插件（如MiniCssExtractPlugin）可以将CSS提取为单独的文件，以便于缓存和并行加载。但是，这种提取CSS的方式是基于入口文件的，而不是基于组件的。因此，Webpack默认不会将组件中的CSS渲染成单独的vendor.css文件。

对于组件中的CSS，Webpack会将其与对应的组件代码打包在一起，并在需要时动态加载。这种方式可以减少额外的网络请求，并且可以更好地控制CSS的加载顺序和作用域。但是，如果需要将组件中的CSS提取为单独的文件，可以使用Webpack的插件来实现。

总结起来，Webpack不将组件中的CSS渲染成vendor.css文件是因为其设计理念是将所有模块打包成一个或多个bundle文件，并且通过动态加载来控制CSS的加载顺序和作用域。如果需要将组件中的CSS提取为单独的文件，可以使用Webpack的插件来实现。