关于前端配置的暴露问题

[yuan1238y]

我的项目有一些配置希望在 CSR 阶段暴露不同的内容，防止敏感的配置暴露到浏览器端。
当前我的做法是，定义了一个 config/server.ts 文件，读取 process.env 环境变量。
同时定义一个 config/client.ts 读取 process.env 环境变量。
然后使用 source.globalVars 暴露到浏览器端。
但是这样的代码很不优雅。
演示代码：https://github.com/yuan1238y/config-demo
请问有没有其他更合适的配置管理方案，既可以在服务端(Node.js)使用，又能暴露部分到浏览器端。

[zllkjc]

没能看懂你的代码，希望能给到仓库方便我们理解

[yuan1238y]

已提供演示代码：https://github.com/yuan1238y/config-demo

[zllkjc]

讨论了一波，Modern.js 后面会支持 .env 文件在服务端也被读取。比较好奇现在你 server.ts 里是怎么读取到 .env 里的内容的。

另外其实可以不用配置 source.globalVars，目前在 .env 中 MODERN_ 起始的环境变量都是默认会注入到浏览器端的。
https://modernjs.dev/zh/guides/basic-features/env-vars.html#%E7%BA%A6%E5%AE%9A%E5%91%BD%E5%90%8D

[chenjiahan]

你需要的是这种形式吗：https://rsbuild.rs/zh/guide/advanced/env-vars#public-%E5%8F%98%E9%87%8F