vue项目打包后自动生成zip安装包（亲测有效）

功能介绍：vue项目打包后自动生成zip安装包，并且把自动生成的版本号拼接到zip文件名中。想要了解vue项目打包后自动生成版本号，可以先点击链接先了解一下！下面是专门介绍vue项目打包后自动生成zip安装包的源码！

1、先安装脚手架

npm install filemanager-webpack-plugin@^2.0.5  --save-dev

2、在webpack.base.conf.js文件中引入以下代码

方法一：利用version版本号拼接到zip文件名

const FileManagerPlugin = require('filemanager-webpack-plugin')
//获取version版本号
const packageVersion = require('../package.json')
const version = packageVersion.version;

module.exports = {
  ...
  plugins: [
    new FileManagerPlugin({
      onEnd: {
        delete: ['./dist/*.zip'], //打包之前先删掉所有的.zip文件
        archive: [
          { source: './dist', destination: './dist/vdata_CESHI_VD023_ADMIN_' + version + '_N.zip' },
        ]
      }
    })
  ],
  ...
}

方法二：利用当前时间拼接到zip文件名

//安装脚手架
npm install moment  --save-dev

const FileManagerPlugin = require('filemanager-webpack-plugin')
let  moment = require('moment')
const NAME = 'vdata_CESHI_VD023_ADMIN_' + moment().format('YYYYMMDDHH') + '_N'

module.exports = {
  ...
  plugins: [
    new FileManagerPlugin({
      onEnd: {
        delete: ['./dist/*.zip'], //打包之前先删掉所有的.zip文件
        archive: [
          { source: './dist', destination: `./dist/${NAME}.zip` },
        ]
      }
    })
  ],
  ...
}

注意：小编用的是方法一，所有方法一是可以正常执行的～

vue项目打包后自动生成版本号，判断是否清空缓存（亲测有效）

标签： vue打包, vue生成zip安装包

上面是“vue项目打包后自动生成zip安装包（亲测有效）”的全面内容，想了解更多关于 vuejs 内容，请继续关注web建站教程。

当前网址：https://m.ipkd.cn/webs_5141.html

声明：本站提供的所有资源部分来自互联网，如果有侵犯您的版权或其他权益，请发送到邮箱：admin@ipkd.cn，我们会在看到邮件的第一时间内为您处理！