VueJS/Tailwind CSS/VITE:使用环境变量作为 Tailwind 主题的颜色
P粉174151913
P粉174151913 2023-08-26 14:31:22
[Vue.js讨论组]

我有一个包含 Vite、Tailwind CSS 和 postcss 的 VueJS 设置,并且想使用 .env.name 文件中的变量定义不同的颜色,以便我可以根据代码部署位置应用不同的颜色主题。< /p>

我尝试使用包含 .env 文件

VITE_COLOR="FF0000"

并在 tailwind.config.js 中导入

...
theme: {
    colors: {
       primary: import.meta.env.COLOR
    }
}
...

但是,我收到以下错误:

语法错误:无法在模块外部使用“import.meta”

我需要改变什么才能使其正常工作,或者有更好的方法吗?

P粉174151913
P粉174151913

全部回复(0)
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送

Copyright 2014-2026 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号