package.json中scripts配置环境变量区分开发环境和生产环境

63 阅读 0 评论 42 点赞

我是靠谱客的博主寒冷音响，最近开发中收集的这篇文章主要介绍package.json中scripts配置环境变量区分开发环境和生产环境，觉得挺不错的，现在分享给大家，希望可以做个参考。

方法一

先安装依赖：

npm install --save-dev cross-env

然后在package.json配置如下：

"dev": "cross-env NODE_ENV=development vue-cli-service serve",
"build": "cross-env NODE_ENV=production vue-cli-service build"

创建两个文件

.env.dev文件

NODE_ENV=development
VUE_APP_ENV=dev

.env.production

NODE_ENV=production
VUE_APP_ENV=build

然后在package.json配置如下：

"serve": "vue-cli-service serve--mode development",
"build": "vue-cli-service build --mode production"

具体可参考官方文档

在代码中如何使用

// 可以查看配置值
console.log(process.env)

在vue项目中推荐方法二：方法二配置不会使打包文件体积增大,方法一打包后的文件都比较大

如果觉得靠谱客网站的内容还不错，欢迎将靠谱客网站推荐给程序员好友。

本图文内容来源于网友提供，作为学习参考使用，或来自网络收集整理，版权属于原作者所有。