前端对于webpack构建工具肯定都不会陌生,最常见的便是通过process.env 判断当前环境。
那么如何修改,以及获取呢?
上边是以前写过两篇配置方法,比较推荐第二种。
而且第一种方法目前不太适用了,因此完善一下。
下载安装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就好