VUE——自动打包并生成dist.zip压缩包

简介: VUE——自动打包并生成dist.zip压缩包

前言

每次都要手动打zip包,很烦,所有就直接用插件了,不过要注意版本哦,不然会失败的

filemanager-webpack-plugin: filemanager-webpack-plugin

步骤

安装插件

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

配置插件

const FileManagerWebpackPlugin = require('filemanager-webpack-plugin')
module.exports = {
    plugins: [
        new FileManagerWebpackPlugin ({
          onEnd: {
            mkdir: ['./dist'],
            delete: [
              './dist.zip',
            ],
            archive: [
              {source: './dist', destination: './dist.zip'},
            ]
          }
        })
    ],
}


效果

npm run build

学无止境,谦卑而行.

目录
相关文章
|
6天前
|
JavaScript 开发工具
vite如何打包vue3插件为JSSDK
【9月更文挑战第10天】以下是使用 Vite 打包 Vue 3 插件为 JS SDK 的步骤:首先通过 `npm init vite-plugin-sdk --template vue` 创建 Vue 3 项目并进入项目目录 `cd vite-plugin-sdk`。接着,在 `src` 目录下创建插件文件(如 `myPlugin.js`),并在 `main.js` 中引入和使用该插件。然后,修改 `vite.config.js` 文件以配置打包选项。最后,运行 `npm run build` 进行打包,生成的 `my-plugin-sdk.js` 即为 JS SDK,可在其他项目中引入使用。
|
4天前
|
JavaScript 前端开发
Vue项目使用px2rem
Vue项目使用px2rem
|
5天前
|
缓存 JavaScript
vue学习(12)计算属性
vue学习(12)计算属性
15 3
|
5天前
|
JavaScript
vue学习(10)事件修饰符
vue学习(10)事件修饰符
18 3
|
5天前
|
缓存 JavaScript
vue学习(12)计算属性
vue学习(12)计算属性
17 2
|
5天前
|
JavaScript
vue学习(11)键盘事件
vue学习(11)键盘事件
19 2
|
6天前
|
JavaScript
VUE中el-input阻止冒泡防止触发父级事件
VUE中el-input阻止冒泡防止触发父级事件
|
6天前
|
JavaScript
vue学习(9)事件处理
vue学习(9)事件处理
28 2
|
4天前
|
JavaScript
Vue组件传值异步问题--子组件拿到数据较慢
Vue组件传值异步问题--子组件拿到数据较慢
9 0
|
4天前
|
缓存 JavaScript
Vue中的keep-alive是什么意思?以及如何使用
Vue中的keep-alive是什么意思?以及如何使用