VUE项目打包时生产成的版本号自动递增

本文描述了一个JavaScript函数setVer.js,用于自动递增文件/public/ver.conf中的版本号。该函数读取文件内容,更新版本号后写回文件。在打包Vue项目时,使用concurrently全局安装并配置在package.json的脚本中,以同时执行版本更新和构建命令。在Vue页面中,通过axios获取ver.conf的内容以展示版本信息。
摘要由CSDN通过智能技术生成

文件如下结构

1.首先写一个自动递增的函数

setVer.js

const fs = require('fs')

const path = require('path')

let arr,str

//将字符串写入文件中

let dir = path.join(__dirname, '/public/ver.conf')

fs.readFile(dir, 'utf8', (err, data) => {

  if (err) {

    console.log(err)

    return

  }

  console.log("57:"+data);

  if(data){

    arr = data.split(".")

    arr[2] = 1 + Number(arr[2])

    if (Number(arr[2]) == 10) {

        arr[2] = 1

        arr[1] = 1 + Number(arr[1])

        if (Number(arr[1]) == 10) {

            arr[1] = 1

            arr[0] = 1 + Number(arr[0])

        }

    }

    arr=(arr[0] + '.' + arr[1] + '.' + arr[2])

    str = "ver:" +arr+""

  }

  fs.writeFile(dir, arr, 'utf8', (err) => {

     console.log('写入成功', err)

  })

})

2.打包时生成序列号

        打包时需要多条命令一起执行.全局安装

        npm install concurrently -g

        package.json文件里

        scripts:{

                "build": "concurrently \"node setVer.js\" \"vue-cli-service build\" ",

        }        

3.Vue页面中读取 /public/ver.conf中内容

        3.1:引用 axios: 

        import axiox from 'axios'

         3.2:获取内容  

 getVer(){

      axiox.get('./ver.conf')

      .then( data  => {

        console.log(data);

        this.ver=data.data

       })

      .catch(e=>{

        console.log(e)

      })

  }

 

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值