前端对于webpack构建工具肯定都不会陌生，最常见的便是通过process.env 判断当前环境。

那么如何修改，以及获取呢？

Vue二级目录部署&多环境打包部署（一）

Vue二级目录部署&多环境打包部署（二）

上边是以前写过两篇配置方法，比较推荐第二种。

而且第一种方法目前不太适用了，因此完善一下。

下载安装cross-env

cnpm i cross-env --save-dev

修改根目录package.json

"scripts": {
    "dev": "nuxt --open",
    "build-dev": "cross-env NODE_ENV=dev  nuxt build",
    "build": "nuxt build",
    "start": "nuxt start",
    "generate": "nuxt generate"
}

修改vue.config.js

export default {
  env :{
    npm_package_name:'xxxxxx',
    NODE_ENV:process.env.NODE_ENV
  }
  

使用

使用方式没有什么特殊，正常使用process.env.NODE_ENV就好