Javascript 生成后Web包传递环境变量

Javascript 生成后Web包传递环境变量,javascript,webpack,yarnpkg,Javascript,Webpack,Yarnpkg,我的用例如下。我制作了一个生产构建,如下所示: cross-env API_URL=my_url yarn build yarn start:prod 然后像这样运行它: cross-env API_URL=my_url yarn build yarn start:prod 一切正常。但我想做的是: yarn build 然后像这样开始: cross-env API_URL=my_url yarn start:prod 这样我就可以在不同的后端环境中测试相同的构建。这可行吗? 现在,

我的用例如下。我制作了一个生产构建,如下所示:

cross-env API_URL=my_url yarn build
yarn start:prod
然后像这样运行它:

cross-env API_URL=my_url yarn build
yarn start:prod
一切正常。但我想做的是:

yarn build
然后像这样开始:

cross-env API_URL=my_url yarn start:prod
这样我就可以在不同的后端环境中测试相同的构建。这可行吗? 现在,如果我尝试使用它,API_URL在构建之后不会被拾取,它默认为.env文件中的API_URL(因为我支持默认情况)。我知道Webpack在构建过程中需要env变量,但可能有一个变通方法我没有找到

我的构建脚本,在package.json中是:

cross-env NODE_ENV=production env-cmd .env.prod --no-override --config config/webpack.prod.babel.js --color -p --progress --hide-modules --display-optimization-bailout
我的开始:prod脚本是:

cross-env NODE_ENV=production env-cmd .env-prod --no-override node server