vue-cli配置自定义打包命令

vue-cli配置自定义打包命令

  • 一、目录结构
  • 二、.env.development
  • 三、.env.production
  • 四、 对应打包命令

在这里插入图片描述

一、目录结构

在vue项目中,env是全局配置文件,可以存储不同环境下的变量。
使用vue-cli搭建项目,默认会在根目录创建一个.env文件
如果需要更多类型的.env文件,需要自行创建

.env 后缀的文件是全局默认配置文件,不论什么环境都会加载并合并
.env.development 是开发环境下的配置文件,仅在开发环境加载。
.env.production 是生产环境下的配置文件(也就是正式环境),仅在生产环境加载
以上三个文件命名不能变

二、.env.development

文件中的变量命名必须以VUE_APP_开头
比如VUE_APP_URL,VUE_APP_API

NODE_ENV = 'development'
VUE_APP_WEB_API = 'http://......'

三、.env.production

NODE_ENV = 'production'
VUE_APP_LOGIN_API = 'https://oauth.ums86.com'
VUE_APP_DC_API = 'https://dc-server.ums86.com'

四、 对应打包命令

	npm run build //开发环境npm run build:test //测试环境npm run build:prod //生产环境

链接: https://www.jianshu.com/p/9bf2c5229585
链接: https://www.jb51.net/javascript/2933255vk.htm

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.hqwc.cn/news/324453.html

如若内容造成侵权/违法违规/事实不符,请联系编程知识网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

Maven(mvn)的学习下载和配置

文章目录 Maven(mvn)1.Maven 是什么?2.Maven做什么?2.1传统方式对项目的管理2.2Maven对jar包的管理 3.Maven怎么学3.1Maven如何创建项目3.2Maven的下载与配置3.3Maven的项目结构3.4Maven依赖的引入3.5Maven依赖的剔除3.6Maven依赖…

MySQL基础篇(四)事务

一、事务简介 事务是一组操作的集合,它是一个不可分割的工作单位,事务会把所有的操作作为一个整体一期向系统提交或撤销操作请求,即这些操作要么同时成功,要么同时失败。 注意: 默认 MySQL 的事务是 自动提交 的&#…

基于springboot的java读取文档内容(超简单)

读取一个word文档里面的内容,并取出来。 代码: SneakyThrowsGetMapping(value "/readWordDoc")ApiOperationSupport(order 1)ApiOperation(value "文档读取 ", notes "文档读取 ")public R ReadWordDoc () {System.o…

vue封装组件(一)标签和下拉框组合实现添加数据

背景: 最近接入短剧内容,需要添加短剧合作方。在详情页需要支持添加组件 方案一:标签tag加上输入框实现添加数据。图片见下 这个是刚开始做的,后来产品觉得这样会造成随意修改数据,需要改成下拉框形式添加 方案二:标签…

Springboot配置http-Only

项目框架 jdk1.8、springboot2.5.10 情况一 项目中未使用(权限认证框架:Sa-Token) application.yml文件内增加配置 server.servlet.session.cookie.http-onlytrueserver.servlet.session.cookie.securetrue (此条配置建议也加上) 情况二…

宝强前经纪人宋喆出狱后首露面;美团外卖平台KeeTa;电视开机率跌至30%;朝军发射200多枚炮弹

今日精选 • Gartner 预测:到 2026 年全球 80% 的公司将在其业务中使用生成式 AI• 美团旗下外卖平台KeeTa在全港已有约31%市场占有率• 我国电视开机率跌至30%• 朝军发射200多枚炮弹 韩国发布避难令• 王宝强前经纪人宋喆出狱后首露面• 去年我国彩票销量超5796亿…

C++初级(三)

我们这里还是在C基础上进行对C基础语法的补充学习! 一.C数组 C数组大体和C相同,但是C数组还是有一定的区别的。 我们先看看C和C数组共同的易错点知识: 1.数组只能一次初始化。 2.如果对数组只进行一部分初始化,那么其他未初始…

202402读书笔记|《当你老了》——灰蒙曙光比爱情温柔,清晨露珠比希望更可爱

202402读书笔记|《当你老了》——灰蒙曙光比爱情温柔,清晨露珠比希望更可爱 《当你老了》作者叶芝,断断续续碎片时间读完的一本书,不是很惊艳,但值得一读。就因为很喜欢当你老了,所以拾起的这本书。读完知道了原来叶芝…

javafx

JavaFX JavaFX简介 JavaFX是一个用于创建富客户端应用程序的图形用户界面(GUI)框架。它是Java平台的一部分,从Java 8开始成为Java的标准库。 JavaFX提供了丰富的图形和多媒体功能,使开发人员能够创建具有吸引力和交互性的应用程…

NLP电影情绪分析项目

https://machinelearningmastery.com/develop-word-embedding-model-predicting-movie-review-sentiment/ https://machinelearningmastery.com/prepare-movie-review-data-sentiment-analysis/ 本教程分为 5 个部分;他们是: 电影评论数据集数据准备训练嵌入层训练…

火力发电厂电高压系统电弧光保护监测设备

摘要:介绍了电弧光保护装置的组成,对火力发电厂高压厂用电系统保护的现状及存在的不足进行了分析,以一个典型的2300MW火力发电厂工程为例,讨论了高压厂用电系统电弧光保护装置的设计应用方案,对电弧光保护装置的应用前景进行了展望。1联5系8电2话171微3信5同2号2 关…

PCIe 6.0生态业内进展分析总结-2

3.PCIe 6.0协议分析仪 (1)Keysight Keysight是德科技在2023年6月份对外宣布,第一款支持PCIe 6.0协议验证调试工具。 Keysight PCIe 6.0架构解决方案具备以下特点: 分析PCIe 6.0技术设计的数据链路/事务层 支持所有PCIe技术速率——从2.5 GT/s至64 GT/…