vtie项目中使用到了TailwindCSS，如何打包成一个单独的CSS文件（优化、压缩）

无言非影2024-12-23 18:01

在不依赖 Vite 或其他构建工具的情况下，使用 TailwindCSS CLI 快速生成独立的 CSS 文件是一种简单高效的方法，适合需要纯样式文件的场景。

这个项目中，使用到了tailwindCss, 需要把里面的样式打包出来，给其他项目用。

使用命令生成独立文件运行以下命令生成压缩后的独立 CSS 文件：

复制代码

npx tailwindcss -i ./src/style.css -o ./dist/tailwind.css --minify

./src/style.css 就是你引入TailwindCSS的文件
./dist/tailwind.css 打包后，放入的文件

-i：指定输入文件。

-o：指定输出路径。

--minify：启用压缩。

生成的 tailwind.css 文件位于 dist 文件夹中，包含项目中实际使用的 TailwindCSS 样式，经过优化和压缩。