方法一
先安装依赖:
复制代码
1npm install --save-dev cross-env
然后在package.json配置如下:
复制代码
1
2
3"dev": "cross-env NODE_ENV=development vue-cli-service serve", "build": "cross-env NODE_ENV=production vue-cli-service build"
方法二(只使用vue-cli)
创建两个文件
.env.dev文件
复制代码
1
2NODE_ENV=development VUE_APP_ENV=dev
.env.production
复制代码
1
2NODE_ENV=production VUE_APP_ENV=build
然后在package.json配置如下:
复制代码
1
2"serve": "vue-cli-service serve--mode development", "build": "vue-cli-service build --mode production"
具体可参考官方文档
在代码中如何使用
复制代码
1
2// 可以查看配置值 console.log(process.env)
在vue项目中推荐方法二: 方法二配置不会使打包文件体积增大,方法一打包后的文件都比较大
最后
以上就是曾经银耳汤最近收集整理的关于package.json中scripts配置环境变量区分开发环境和生产环境的全部内容,更多相关package内容请搜索靠谱客的其他文章。
本图文内容来源于网友提供,作为学习参考使用,或来自网络收集整理,版权属于原作者所有。
发表评论 取消回复