我有一个使用Vite、Tailwind CSS和postcss的VueJS设置,并希望在.env.name
文件中使用变量定义不同的颜色,以便根据代码部署的位置应用不同的颜色主题。
我尝试使用包含以下内容的.env
文件:
VITE_COLOR="FF0000"
并且在 tailwind.config.js
中进行导入
...
theme: {
colors: {
primary: import.meta.env.COLOR
}
}
...
然而,我遇到了以下错误:
SyntaxError:无法在模块外部使用'import.meta'
我需要做出哪些改变才能使其工作,或者是否有更好的方法?