vue package.json scripts 自定义 命令

文章介绍了如何在Vue项目中进行环境配置,包括在根目录创建.env.development和.env.production文件来区分测试和正式环境,以及在package.json的scripts中添加命令来切换dev和prod模式,如使用vue-cli-serviceserve--modeproduction启动生产环境服务。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

vue package.json scripts

第一章 vue package.json scripts 脚本配置



前言

最近项目在测试和正式来回切换,为了不用一直不停打包在百度上查阅资料后找到方法,顺便加深下记忆。


一、在根目录创建 .env.development 和 .env.production

在这里插入图片描述
.env.development

# 正式环境
ENV = 'production'
VUE_APP_ENV = 'production'  

.env.development

# 开发环境
ENV = 'production'
VUE_APP_ENV = 'production'

在根目录创建 .env.development 和 .env.production。.env.development 代表的在dev也就测试环境, .env.production代表prod打包正式环境。

二、修改 package.json

 "scripts": {
    "dev": "vue-cli-service serve",
    "dev:prod": "vue-cli-service serve --mode production",
    "build:prod": "vue-cli-service build",
    "lint": "eslint --ext .js,.vue src",
    "build:stage": "vue-cli-service build --mode staging"
  },

在 package.json scripts 中增加 “dev:prod”: “vue-cli-service serve --mode production”。顺便再vue.config.js 中打印一下当前的环境
在这里插入图片描述
在这里插入图片描述

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值