深入浅析vue中cross-env的使用

cross-env

cross-env是跨平台设置和使用环境变量的脚本。

在大多数windows命令行中在使用node_env = production设置环境变量时会报错。同样，windows和linux命令如何设置环境变量也有所不同。

使用 cross-env 可以设置在不同的平台上有相同的node_env参数。

使用

安装

npm install cross-env --save-dev
package.json
"scripts": {
  "serve": "cross-env node_env=development vue-cli-service serve --open",
  "build": "cross-env node_env=production vue-cli-service build"
}

development
production

process为node的全局变量

适用场景

适用于本地线上环境有差异的场景，例如本地线上使用不用的开发域名则可以通过 node_env 来判断

if(process.env.node_env!='development'){
  //线上环境
}

知识点扩展：cross-env使用笔记

cross-env能跨平台地设置及使用环境变量

大多数情况下，在windows平台下使用类似于: node_env=production的命令行指令会卡住，windows平台与posix在使用命令行时有许多区别（例如在posix，使用$env_var,在windows，使用%env_var%。。。）

cross-env让这一切变得简单，不同平台使用唯一指令，无需担心跨平台问题

npm安装方式

npm i --save-dev cross-env

在npm脚本(多是package.json)里这么配置

{
 "scripts": {
  "build": "cross-env node_env=production webpack --config build/webpack.config.js"
 }
}

运行npm run build，这样node_env便设置成功，无需担心跨平台问题

总结

以上所述是小编给大家介绍的vue中cross-env的使用,希望对大家有所帮助