cross-env使用以及根据环境打包

关于

• 以前的项目打包都是靠手动去改环境变量(纯属沙雕行为)，随着项目愈来愈多，每个项目打包都要去改这个变量的话真的是太蛋疼了，因此研究了一下webpack打包以及node env

主要

• 这样作有什么好处?

publicPath: process.env.APP_ENV === 'production' ? 'https://cdn.xxxx.com/brand-mall-chengdong/' : '/',
  outputPath: './brand-mall-chengdong',

以前都是每次打包手动修改这个静态资源的地址，修改以后根据环境变量自动区分

• 第一步，安装cross-env

yarn add cross-env@5.1.1 cross-port-killer@1.0.1

什么是cross-env?
解:当您使用NODE_ENV=production相似设置环境变量时，大多数Windows命令提示将会阻塞 。（例外是Windows上的Bash，它使用本机Bash。）一样，Windows和POSIX命令如何利用环境变量也有所不一样。使用POSIX，您能够使用：$ENV_VAR 和您使用的Windows %ENV_VAR%。

• 第二步，修改package.json文件

"build": "cross-env APP_ENV=production umi build",
    "build:test": "cross-env APP_ENV=test umi build",

新增一条如上命令,当执行npm run build时，设置proess.env.APP_ENV为production ,同理设置为test.而后在config.js文件中便可根据这个变量设置相应的路径。

关于

• 文章首发于cross-env使用以及根据环境打包