Tailwind CSS
扫描所有 HTML 文件、JavaScript 组件以及任何 模板中的 CSS 类(class)名,然后生成相应的样式代码并写入 到一个静态 CSS 文件中。
最后更新时间:2023-12-04
CSS

安装

npm install -D tailwindcss postcss autoprefixer
npx tailwindcss init

PostCSS 配置

module.exports = {
  plugins: {
    tailwindcss: {},
    autoprefixer: {},
  }
}

tailwind.config.js

/** @type {import('tailwindcss').Config} */
module.exports = {
  content: ["./src/**/*.{html,js}"],
  theme: {
    extend: {},
  },
  plugins: [],
}

main.css

@tailwind base;
@tailwind components;
@tailwind utilities;