如何通过Vite高效处理Less和PostCSS的CSS示例教程？

本文共计1835个文字，预计阅读时间需要8分钟。

目录

1.CSS

2.LESS

3.PostCSS

4.小结

1. CSS

在Vite中，我们可以基本使用CSS，即使项目中没有CSS代码。在真实项目中，CSS代码是常见的，Vite能够帮助我们对其进行支持。

我们可以测试一下Vite是否支持CSS： bash vite test-css

目录

• 1. css
• 2. less
• 3. postcss
• 4. 小结

1. css

当前，我们的 vite的基本使用 项目中是没有 css 代码的，但在真实的项目中，肯定会有 css 代码，那 Vite 能否帮助我们对 css 做支持呢？我们可以测试一下，在 src 目录下新建 css 文件夹，在 css 文件夹中新建 style.css 文件，内容如下：

body { background-color: #f66; }

有了这个 css 文件后，先来思考一下，这个 css 文件现在有被打包吗？很明显，没有。因为它没有在项目的依赖中，所以不会被打包。