如何用Vite高效处理CSS、Less和PostCSS实现长尾词优化？

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

目录

1.CSS

2.LESS

3.POSTCSS

4.小结

1. CSS

目前，我们在Vite的基本使用中并未包含CSS代码。但在实际项目中，CSS代码是必不可少的。那么，Vite能否帮助我们支持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 文件现在有被打包吗？很明显，没有。因为它没有在项目的依赖中，所以不会被打包。