我們是否必須將其內(nèi)聯(lián)編寫為:
@tailwind base; @tailwind components; @tailwind utilities;
或者在單獨的文件中,例如:
您的 index.css
文件可以包含實用程序類。
您使用 tailwind 命令 tailwind -i index.css -o output.css
來構(gòu)建并生成 css 文件。
在您的 html 文件中:您需要在 class
屬性中使用 tailwind 內(nèi)聯(lián):
you rest of body
您需要的最后一個是 tailwind 配置文件,當(dāng)您在工作目錄中運行 tailwind init
時會自動創(chuàng)建該文件。這個配置文件看起來像這樣:
/** @type {import('tailwindcss').Config} */ module.exports = { content: ['**/*.html'], theme: { extend: {}, }, plugins: [], }
此文件的目的是檢查是否有任何 html 文件正在使用 tailwind 類,如果是,則在運行構(gòu)建命令時基于渲染 output.css
。