Vite 打包 vue 的时候，如何把所有css打包到一个文件中

[keuby]

如题，项目中存在大量的 一两kb 的css文件，想要把他们都合并到同一个css文件中，应该如何配置？

[yingpengsha]

可以在 https://github.com/rollup/awesome#css 中找找有没有你需要的插件

[keuby]

我尝试了如下几个 rollup 插件，但是都无法将css文件捆到一个文件中

• css-only
• css-porter
• embed-css

[keuby]

将所有 css 文件捆到一个 css 文件中，可以使用 build.cssCodeSplit 选项，设置为 false 时，可以只创建一个 css 文件。

https://vitejs.dev/config/#build-csscodesplit

If disabled, all CSS in the entire project will be extracted into a single CSS file.

[yanglee2421]

Vite v5.0.6依旧有用，感谢老哥！