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

2024年06月19日建站教程

功能介绍：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` },
        ]
      }
    })
  ],
  ...
}

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

本文链接：http://so.lmcjl.com/news/6844/

展开阅读全文

上一篇：如何使用python beautifulsoup库下一篇：SQL 除法