关于node和client端‘env’环境变量

  1. 在root文件夹下放置.env文件,在文件中编写自己需要的key-value。

REACT_APP_前缀,针对用react-script生成的脚手架,内置dotenv等packages可以直接使用封装好的环境变量。

1
REACT_APP_API_KEY = 'my-secret-api-key'
  1. webpack5中有一些对于process的poly写法被拿掉了,所以如果要在webpack5中读到node相关的变量,需要引入新的包。
  1. 如果没有用react-script搭建脚手架,需要使用dot-wepack

参考资料:

  1. react-script, webpack config
  2. react-script
  3. react-script demo
  4. webpack5关于process不能读到值的解决方案
  5. webpack pollyfill
  6. webpack plugin doc
  7. dotenv-webpack
  8. DefinePlugin and dotenv-webpack conflict
  9. Client-environment-variables
  10. dotenv
  11. dotenv issue