我在我的HTML中使用了tailwind post CSS,但是沒有應用類。 我已經安裝了所有鏈接CSS的包。
tailwindconfigjs文件
module.exports = {
content: ["*"],
theme: {
extend: {},
},
plugins: [],
}
有什么需要改變的嗎?
在tailwind.config.js中
/** @type {import('tailwindcss').Config} */
module.exports = {
content: ["./src/**/*.{html,js}"],
theme: {
extend: {},
},
plugins: [],
}
將順風指令添加到css中
@tailwind base;
@tailwind components;
@tailwind utilities;
通過運行以下命令啟動Tailwind CLI構建過程
npx tailwindcss -i ./src/input.css -o ./dist/output.css --watch
將編譯好的CSS文件添加到中,并開始使用Tailwind的實用程序類來設置內容的樣式。
<link href="/dist/output.css" rel="stylesheet">
更多詳情請咨詢https://tailwindcss.com/docs/installation