1. yarn add cross-env
  • 运行跨平台设置和使用环境变量的脚本
  • 以unix方式设置环境变量,然后在windows上也能兼容运行
  • 解决 windows不支持NODE_ENV=development的设置
  • 对于POSIX,您可以使用:$ENV_VAR 和在Windows上可以使用%ENV_VAR%

NODE_ENV环境变量将由 cross-env设置

  • 打印 process.env.NODE_ENV === ‘production ‘

    1. {
    2. "scripts": {
    3. "build": "cross-env NODE_ENV=production webpack --config build/webpack.config.js",
    4. "start": "cross-env PORT=5000 && craco start",
    5. "build": "cross-env GENERATE_SOURCEMAP=false && craco build",
    6. "analyzer": "cross-env NODE_ENV=production BUILD_ANALYZER=true yarn start",
    7. }
    8. }
  • PORT 启动端口

  • GENERATE_SOURCEMAP 打包时是否生成 sourceMap
  • BUILD_ANALYZER 文件方式输出编译分析

mac & linux设置环境变量

image.png

  1. #node中常用的到的环境变量是NODE_ENV,首先查看是否存在
  2. echo $NODE_ENV
  3. #如果不存在则添加环境变量
  4. export NODE_ENV=production
  5. #环境变量追加值
  6. export path=$path:/home/download:/usr/local/
  7. #某些时候需要删除环境变量
  8. unset NODE_ENV
  9. #某些时候需要显示所有的环境变量
  10. env

windows设置环境变量

  1. #node中常用的到的环境变量是NODE_ENV,首先查看是否存在
  2. set NODE_ENV
  3. #如果不存在则添加环境变量
  4. set NODE_ENV=production
  5. #环境变量追加值 set 变量名=%变量名%;变量内容
  6. set path=%path%;C:\web;C:\Tools
  7. #某些时候需要删除环境变量
  8. set NODE_ENV=