cross-env的使用

在做前端工程化的时候常常会遇到这种问题，开发环境和生产环境需要调用不同的接口，或者开发环境用了mock数据而生产环境需要使用正式环境，这个时候怎么办了。

这个时候 cross-env就可以登场了

cross-env干什么的呢

cross-env能够提供一个设置环境变量的scripts，让你能够以linux的方式设置环境变量，然后在windows上也能兼容。只要设置了cross-env，那么在windows、mac、linux上运行开发环境都可以。

安装 cross-env

cross-env是一个npm包，所以只需要npm install cross-env --save-dev就可以在开发环境使用了

使用 cross-env

在package.json的scripts中加入"serve:no-mock": "cross-env MOCK=none vue-cli-service serve"

"scripts": {
    "serve": "vue-cli-service serve",
    "serve:no-mock": "cross-env MOCK=none vue-cli-service serve",
    "build": "vue-cli-service build",
    "lint": "vue-cli-service lint"
},

然后重新使用npm run serve:no-mock命令，这个时候在项目中的任何地方去打印 process.env.MOCK 都会在命令行打印出none