Tailwind 是一款原子化 CSS 框架,体现了前端关注点混合的工作思想。

安装:npm install tailwindcss-cli

初始化:tailwindcss-cli init


要求Nodejs版本最好在12.13.0以上。

tailwind.css会被编译生成另一个最终需要的css文件。

tailwind.config.js是编译配置信息。


tailwind.config.js中,purge对象会搜索文件用到了哪些指令,过滤掉不需要的样式,避免生成的CSS文件过于庞大。


编译命令:

sudo NODE_ENV=production  npx tailwindcss-cli build ./

src/mytailwind.css  -output ./css/tailwind.css