0
HomeNotesGitHubDiscordLogin
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);