iis服务器助手广告广告
返回顶部
首页 > 资讯 > 前端开发 > JavaScript >vue打包项目版本号自加的操作步骤
  • 705
分享到

vue打包项目版本号自加的操作步骤

2024-04-02 19:04:59 705人浏览 安东尼
摘要

目录原因方案步骤原因 项目每次打包后都需要改动项目版本号,这个改动每次都需要在package.JSON中修改version,比较麻烦,到底有没有一种打包后版本号自加的办法。 方案 版

原因

项目每次打包后都需要改动项目版本号,这个改动每次都需要在package.JSON中修改version,比较麻烦,到底有没有一种打包后版本号自加的办法。

方案

版本号自加其实可以使用fs修改文件来实现的。
具体思路是:在执行打包命令npm run build时,同时执行一段js代码,该代码通过调用fs来自加修改package.json中的version,然后再进行打包操作。

步骤

1、在package.json中将scripts中的打包命令修改为如下:


2、在src下创建addVersion.js:

3、在addVersion.js中写入下面内容,打包时使用fs修改package.json:

//npm run build打包前执行此段代码
let fs = require('fs');
 
//返回package的json数据
function getPackageJson() {
  let data = fs.readFileSync('./package.json');//fs读取文件
  return JSON.parse(data);//转换为json对象
}
 
let packageData = getPackageJson();//获取package的json
let arr = packageData.version.split('.');//切割后的版本号数组
arr[2] = parseInt(arr[2]) + 1;
packageData.version = arr.join('.');//转换为以"."分割的字符串
//用packageData覆盖package.json内容
fs.writeFile(
  './package.json',
  JSON.stringify(packageData, null, "\t"
  ),
  (err) => { }
);

4、最后执行打包命令:npm run build便会发现package.json中的版本号变化了。

到此这篇关于Vue打包项目版本号自加的文章就介绍到这了,更多相关vue打包项目版本号自加内容请搜索编程网以前的文章或继续浏览下面的相关文章希望大家以后多多支持编程网!

--结束END--

本文标题: vue打包项目版本号自加的操作步骤

本文链接: https://www.lsjlt.com/news/168089.html(转载时请注明来源链接)

有问题或投稿请发送至: 邮箱/279061341@qq.com    QQ/279061341

本篇文章演示代码以及资料文档资料下载

下载Word文档到电脑,方便收藏和打印~

下载Word文档
猜你喜欢
  • vue打包项目版本号自加的操作步骤
    目录原因方案步骤原因 项目每次打包后都需要改动项目版本号,这个改动每次都需要在package.json中修改version,比较麻烦,到底有没有一种打包后版本号自加的办法。 方案 版...
    99+
    2024-04-02
  • electron打包vue项目的方法步骤
    目录创建项目添加electron-builderelectron下载失败窗体运行打包exe白屏创建项目 点击这里 添加electron-builder 1、在项目目录下运行命令:vu...
    99+
    2024-04-02
  • vue项目打包以及优化的实现步骤
    目录vue项目的打包上线及优化vue项目的打包项目托管项目的常见优化vue项目的打包上线及优化 项目完成,我们会将项目进行上线,为了提升性能,我们往往会进行一些优化处理 vue项...
    99+
    2024-04-02
  • vue项目打包发布上线的方法步骤
    目录一、开发环境到生产环境的转变二、设置统一的请求路径 三、运行打包命令vue项目开发完成后,我们需要将项目打包上线,同时我们希望可以在本地预览生产环境项目 (以vue-c...
    99+
    2024-04-02
  • vue项目打包部署跨域的实现步骤
    目录1.前端工程解决办法1.1开发时候解决办法1.2打包部署后解决办法2.后端工程解决办法跨源资源共享(CORS,或通俗地译为跨域资源共享)是一种基于 HTTP 头的机制,该机制通过...
    99+
    2023-05-20
    vue 打包部署跨域 vue 打包跨域
  • Vue项目打包部署到GitHubPages的实现步骤
    目录前言前期准备重要说明步骤1步骤2步骤3步骤4步骤5步骤6前言 关于什么是github pages?怎样创建github 仓库上传本地项目到GitHub远程仓库?等基本操作本文不再...
    99+
    2024-04-02
  • Qt项目打包的实现步骤
    目录准备项目文件用InstallShield解决打包后自动启动cmd窗口的问题准备项目文件 本质上就是把依赖的动态库放到你指定的文件夹里面去;这样在其他电脑上运行时,就不需要再安装q...
    99+
    2024-04-02
  • Vue项目打包并发布的完整步骤记录
    目录1、安装部署Nginx服务器。(类似Tomcat服务器)2、Vue项目打包。总结如何将Vue项目打包并发布?我这边是测试发布到本地,不过步骤是一样的,步骤如下: 1、安装部署Ng...
    99+
    2024-04-02
  • pyinstaller打包django项目的实现步骤
    安装pyinstaller pip install pyinstaller 制作项目的.spec文件   进入django项目所在路径,运行 pyi-makes...
    99+
    2024-04-02
  • go项目打包部署的完整步骤
    目录1.go项目在window下编译简易打包2.项目在window下打包成其他系统可运行的文件3.项目在Mac下打包成其他系统可运行的文件5.使用goreleaser多平台打包总结1...
    99+
    2024-04-02
  • SpringBoot项目打jar包与war包的详细步骤
    目录一. SpringBoot项目打war包二. SpringBoot项目打jar包总结背景:使用Idea编辑器 一. SpringBoot项目打war包 步骤: 在pom.xml文...
    99+
    2023-02-24
    springboot 打jar包 java打war包命令 为什么要打war包
  • Vue项目打包并部署nginx服务器的详细步骤
    目录使用场景:一.打包二.部署(nginx)总结使用场景: 我们常使用前后端分离项目时,会需要将前端vue打包然后部署。 一.打包 vue项目其实可以直接通过一下语句进行打包: np...
    99+
    2024-04-02
  • vue项目打包后部署到服务器的详细步骤
    耽误了几天, 终于开始写第二篇博客了, 这篇会讲怎么将vue项目打包部署到服务器, 其实和上一篇的uni-app步骤一样的, 就是最后多了一步修改nginx配置, 好 , 上操作 一...
    99+
    2024-04-02
  • django8.5 项目部署Nginx的操作步骤
    1、概念:  Nginx是轻量级的高性能Web服务器,提供了诸如HTTP代理和反向代理、负载均衡等一系列重要的特性。由C语言编写,执行效率高。 作用: &emsp...
    99+
    2024-04-02
  • Eclipse中添加新的PHP版本号步骤
    添加新的PHP版本号到Eclipse IDE 中是一个非常有用的功能,可以帮助开发者在同一开发环境中同时使用不同版本的PHP,并且方便切换。下面将介绍如何在Eclipse 中添加新的P...
    99+
    2024-04-02
  • Docker搭建Jenkins并自动化打包部署项目的步骤
    Jenkins的安装及配置 Docker环境下的安装 下载Jenkins的Docker镜像: docker pull jenkins/jenkins:lts 在Docker容器中运行...
    99+
    2024-04-02
  • 使用eclipse打包Maven项目的实现步骤
    Maven中最重要的是POM文件,其打包也是基于该文件的,在POM文件中配置插件,可以实现将Maven项目打包成可执行jar包 依赖如下: <build> <p...
    99+
    2024-04-02
  • c#项目将dll打包到exe中的步骤
    目录意图:实现:1、将两个dll库文件作为资源文件添加进项目中;3、在程序入口Program类中调用上面的接口函数4、编译即可。意图: 想将项目用到的两个dll库文件(CryptEn...
    99+
    2024-04-02
  • vue项目npmrunbuild打包项目防止浏览器缓存的操作方法
    在vue.config.js配置 推荐方法1: const Timestamp = new Date().getTime() module.exports = { .......
    99+
    2022-11-13
    vue npm run build 打包项目 vue打包项目浏览器缓存
  • vue3项目中使用three.js的操作步骤
    目录前言一、three.js是什么?二、vue3中下载与安装three.js三、操作步骤1.创建场景2.创建物体3.添加光源4.添加相机5.开始渲染四、myThree.vue源代码五...
    99+
    2023-01-15
    vue3 three.js vue使用three.js
软考高级职称资格查询
编程网,编程工程师的家园,是目前国内优秀的开源技术社区之一,形成了由开源软件库、代码分享、资讯、协作翻译、讨论区和博客等几大频道内容,为IT开发者提供了一个发现、使用、并交流开源技术的平台。
  • 官方手机版

  • 微信公众号

  • 商务合作