首页 > 其他分享 >vue2 项目打包后自动压缩成zip文件

vue2 项目打包后自动压缩成zip文件

时间:2023-11-16 19:12:14浏览次数:44  
标签:dist zip 压缩成 filemanager FileManagerPlugin webpack vue2

安装依赖

1 pnpm install filemanager-webpack-plugin --save-dev

vue.config.js中添加如下代码

const FileManagerPlugin = require('filemanager-webpack-plugin')//引入插件
 1     configureWebpack: {
 2         plugins: [
 3             new FileManagerPlugin({
 4                 events: {
 5                     onEnd: {
 6                         delete: ['./dist.zip'],
 7                         archive: [{ source: './dist', destination: './dist.zip' }]
 8                     }
 9                 }
10             })
11         ]
12     }

具体位置参考下图

最终效果 

运行  npm run build 后,在项目目录下会同时新增 dist文件夹  和 dist.zip压缩包。

 

标签:dist,zip,压缩成,filemanager,FileManagerPlugin,webpack,vue2
From: https://www.cnblogs.com/lanxi0320/p/17837048.html

相关文章

  • vue2 前后端分离的项目,用宝塔部署,出现域名访问根目录能访问,加任何网址就404
    https://admin.xxx.com/ 访问正常https://admin.xxx.com/index  访问404location/{root/home/ruoyi/projects/ruoyi-ui;try_files$uri$uri//index.html;indexindex.htmlindex.htm;} nginx加上上面这段......
  • vue2和vue3ref的区别(详解)
    Vue2和Vue3中ref的区别如下:在Vue2中,ref主要用于在模板中获取DOM元素或组件实例。而在Vue3中,虽然ref也可以获取DOM元素或组件实例,但更重要的是,它还可以将一个基本类型的变量转换成响应式的数据,无需再通过复杂的步骤来访问响应式数据。另外,Vue3的ref还支持对象属性和数组索引......
  • vue2组件二次封装
    有时候公共UI组件满足不了一些特定的需求样式,并且有较多地方使用同一个UI组件,这时候就需要考虑二次封装现有UI组件组件二次封装关键的几点:使用$attrs接收props使用$listeners 接收事件使用$slots和$scopedSlots接收插槽使用model定义prop变量及其变化的事件(改变v-mo......
  • 【vue2】swiper插件自动循环失效(loop失效)
    可能是因为数据是动态渲染的,在请求到数据之前,就已经完成了swiper的初始化,因此解决方案有:1.swiper组件添加v-if:(如以下代码中的v-if="banner.length")<!--轮播图--><div:class="$style.newsBanner"><div:class="$style.swiperBox"><swip......
  • git拉取项目失败怎么办? 前端vue2 都需要install 什么依赖
    gitconfig--list--show-origin查看git文件下面所有对应文件目录下面是设计配置文件http的缓存大小和那个最低时间和速度gitconfig--globalhttp.lowSpeedTime999999gitconfig--globalhttp.lowSpeedLimit0gitconfig--globalhttp.postBuffer1048576000 ......
  • vue3 与 vue2 的区别
    布尔型Attribute​布尔型attribute依据true/false值来决定attribute是否应该存在于该元素上。disabled就是最常见的例子之一。v-bind在这种场景下的行为略有不同:<button:disabled="isButtonDisabled">Button</button>当isButtonDisabled为真值或一个空字符串(......
  • 记录--Vue2屎山之 Table 屎山
    这里给大家分享我在网上总结出来的一些知识,希望对大家有所帮助前言Vue2将在2023年年底停止维护了,但是Vue2的代码却不会在2023年消失,还会越来越多;难以想象几十万行或者几百万行的Vue2代码迁移到Vue3,这是不可能办到的;老一点的前端程序员肯定经历过把大型项目从jQue......
  • vue2中的属性什么时候会没有响应式呢?
    vue2中的属性什么时候会没有响应式呢?exportdefault{data(){return{form:{}}},methods:{getDetail(){this.form={name:'张三',age:18}this.form.gender='male'//那么此......
  • vue2 和 vue3 什么区别
    GitHubCopilot:Vue2和Vue3在许多方面都有所不同,以下是一些主要的区别:CompositionAPI:Vue3引入了CompositionAPI,这是一种新的方式来组织和复用代码。这是与Vue2OptionsAPI相比的一个重大改变。性能:Vue3在性能方面进行了大量优化,包括更小的框架大小,更快......
  • 常见面试题-Redis底层的SDS、ZipList、ListPack
    Redis的SDS了解吗?答:Redis创建了SDS(simpledynamicstring)的抽象类型作为String的默认实现SDS的结构如下:structsdshdr{//字节数组,用于保存字符串charbuf[];//buf[]中已使用字节数量,称为SDS的长度intlen;//buf[]中尚未使用的字节数量intfree;}......