reactjs - 如何从销售或店面的环境变量中获取 BACKEND_URL

Question

Saleor Storefront 使用 webpack 的 EnvironmentPlugin
Like
new webpack.EnvironmentPlugin(["npm_package_version", "BACKEND_URL"])
My .env 文件

# .evn
npm_package_version = 6.4.1
BACKEND_URL = https://demo.getsaleor.com

在我的索引文件中

console.log("env",process.env.BACKEND_URL) is undefined

作为开发日志启动项目

WARNING in EnvironmentPlugin - BACKEND_URL environment variable is undefined.

我这样设置默认值
new webpack.EnvironmentPlugin({'BACKEND_URL': 'https://demo.getsaleor.com'})

这工作正常，但我需要从 .env 文件中获取价值
请帮我解决这个问题

Answer 1

.env文件不是自己拾取的。您需要使用包来指定定义环境变量的文件。

您可以使用dotenvnodejs 和DotenvPluginwebpack 以通过.env文件公开您的环境变量。

用于 webpack 的 DotenvPlugin

nodejs的dotenv包

希望这可以帮助。快乐编码！