Birth: 2025-05-03 15:40:00
Modify:
Overview
如何安裝PostCSS,以及關閉Preflight
https://tailwindcss.com/docs/installation/using-postcss
Tailwind CSS Installation
install Tailwind CSS
npm install tailwindcss @tailwindcss/postcss postcss
add Tailwind to your PostCSS configuration
postcss.config.mjs
export default {
plugins: {
"@tailwindcss/postcss": {},
}
}
Import Tailwind CSS
File: src/index.css
@import "tailwindcss";
Start using Tailwind in your HTML
File: index.html
+ <link href="/dist/styles.css" rel="stylesheet">
Preflight
https://tailwindcss.com/docs/preflight
Disable Preflight
File: src/index.css
@layer theme, base, components, utilities;
@import "tailwindcss/theme.css" layer(theme);
@import "tailwindcss/utilities.css" layer(utilities);