vue package.json scripts 自定义命令

jinzuang01

于 2023-06-29 11:16:06 发布

阅读量1.3k

点赞数

CC 4.0 BY-SA版权

分类专栏： vue 文章标签： vue.js json 前端

本文链接：https://blog.youkuaiyun.com/weixin_53413136/article/details/131452020

vue 专栏收录该内容

6 篇文章

订阅专栏

文章介绍了如何在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 脚本配置

文章目录

vue package.json scripts
前言
一、在根目录创建 .env.development 和 .env.production
二、修改 package.json

前言

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

一、在根目录创建 .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"
  },