亚洲国产日韩欧美一区二区三区,精品亚洲国产成人av在线,国产99视频精品免视看7,99国产精品久久久久久久成人热,欧美日韩亚洲国产综合乱

Tailwind 設(shè)定是 CommonJS 檔案（不是模組），因此您無法使用 import 等 ES6 功能

您可以安裝名為 dotenv

npm i dotenv

需要將其放在 tailwind 設(shè)定檔之上，例如

require('dotenv').config()

module.exports = {/** */}

在.env中建立顏色變數(shù)。請(qǐng)注意，由於我們要求它超出了 Vite 的範(fàn)圍，因此它可能不會(huì)帶有 VITE_

ANY_COLOR='#ffc8dd'

現(xiàn)在您可以在 tailwind 配置中存取它

theme: {
    colors: {
       primary: process.env.ANY_COLOR
    }
}

這將起作用但是如果您更改.env檔案中的顏色，則需要再次重建樣式。如果它適合你（一種部署 - 無論如何一種顏色） - 很好。我個(gè)人會(huì)建議另一個(gè)基於 CSS 變數(shù)的解決方案 - CanIUse 連結(jié)

在CSS檔案中定義變數(shù)或在index.html中的#標(biāo)籤內(nèi)建立style標(biāo)籤

:root {
    --theme-color: #ffc8dd;
}

並在配置??中

theme: {
    colors: {
       primary: 'var(--theme-color)'
    }
}

就是這樣 - 沒有額外的包，額外的工作，如果您更改 CSS 變量，更改將即時(shí)應(yīng)用 - 即使在生產(chǎn)中，因?yàn)槲覀兪褂?CSS 功能