使用filemanager-webpack-plugin将前端项目打包成zip压缩包

使用filemanager-webpack-plugin插件将前端的dist目录打包成zip压缩包，省去手动压缩，进一步可以配合 idea 的Cloud Toolkit插件或者jekenis进行自动化部署（本文不介绍自动化部署）。

步骤：
安装

npm 安装插件

npm install filemanager-webpack-plugin --save-dev

yarn安装

yarn add filemanager-webpack-plugin --dev

配置;
配置文件vue.config.js中新增：

const FileManagerPlugin = require('filemanager-webpack-plugin')

找到webpack配置节点，新增插件配置

 new FileManagerPlugin({  //初始化 filemanager-webpack-plugin 插件实例events: {onEnd: {delete: [   //首先需要删除项目根目录下的dist.zip'./dist.zip',],archive: [ //然后我们选择dist文件夹将之打包成dist.zip并放在根目录{source: './dist', destination: './dist.zip'},]}}})

发布脚本：

#!/bin/bash -e# 替换自己服务器上面存放dist的路径，不包含dist和最后的那个斜杠
localName=/usr/local/nginx/html
vueName=dist.zip
time1=$(date "+%Y%m%d%H%M%S")
source /etc/profile# 备份原来的dist文件
mv $localName/dist $localName/'dist'$time1
#解压新版本
unzip -d dist $localName/dist.zip
echo  "前端项目部署完成"

脚本可配合idea 的插件Cloud Toolkit 或者Cloud Toolkit完成自动部署。

使用filemanager-webpack-plugin将前端项目打包成zip压缩包相关推荐

Java实现文件批量下载，打包成zip压缩包
最近在做一个管理系统的项目,需要实现一个功能,就是批量下载文件,并打包成zip压缩包. 前端通过POST请求传来要下载的文件列表,Java代码实现如下: import java.io.Bu ...
使用 easyExcel 生成多个 excel 并打包成zip压缩包
前言: 最近项目有个需求,需要生成多个 excel 并打包成 zip下载:由于需要生成的 excel 头字段过多,这里有96个时间段的表头,如果建一个有96个字段的实体不太好,还好 easyExcel ...
使用 Electron 给前端项目打包成exe
还是接着上一篇的例子,在项目目录输入这个命令上一篇文章地址:https://juejin.im/post/6889422940928999438 使用electron-packager打包成exe ...
java 导出表格打包zip文件下载_asyExcel导出excel并打包成zip压缩包下载
假期期间自己在家撸码,刚好用到了导出,导出来之后是多个文件,所以需要打成压缩包并下载来给客户.查阅了一些资料,把这段代码贴在这,相当于有个记录吧. package com.business.testE ...
easyExcel导出excel文件并打包成zip压缩包下载
文件导出专栏收录该内容 2 篇文章0 订阅订阅专栏 package com.business.testExcelPort; import java.io.BufferedInputStream; ...
java 批量下载图片并打包成zip压缩包
项目需求: 对接第三方接口时,因为数据中存储的是图片链接,第三方审核时需要把所有图片以zip压缩包的方式传入到他们ftp服务中. 提示:以下是本篇文章正文内容,下面案例可供参考话不多说直接看代码,案 ...
maven项目打包成zip文件
1.添加Maven插件 pom.xml <plugin><artifactId>maven-assembly-plugin&l ...
EasyExcel3.0.5 导出多个sheet，批量下载打包成ZIP压缩包
多sheet导出并批量下载附件前言源码代码实现 Controller 接口类实现类 (重中之重) 实现类重点强调测试结语前言最近浏览语雀社区官网,里面有一篇 easyexcel 里面 ...
导出多个excel，打包成zip压缩包进行下载~~~~~~~~~
项目需求: 将指定内容按任务分别导出excel. – 这里肯定要批量导出才行了,那么用压缩包,没毛病- 直接贴代码: /*** 以压缩包的方式下载excel* @param response* @pa ...

使用filemanager-webpack-plugin将前端项目打包成zip压缩包

使用filemanager-webpack-plugin将前端项目打包成zip压缩包相关推荐

最新文章

热门文章