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