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