vue3 打包并压缩zip

简单记录

vue3打包并压缩zip配置记录
首先安装npm install filemanager-webpack-plugin --dev
如果出现问题可使用老版本试试npm i filemanager-webpack-plugin@2.0.5 --vue2
压缩filemanager-webpack-plugin文档：https://www.npmjs.com/package/filemanager-webpack-plugin/v/3.1.0

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

打包的文件名可以使用自定义的参数替换。

可能出现的报错Invalid actions object. FileManagerPlugin has been initialized using an actions object that does not match the API schema
这可能是因为配置版本的问题，所以需要看下plugins在当前版本的引入书写是否正确。