vue-cli@3.0 直接打包成zip壓縮文件

安裝 filemanager-webpack-plugin

npm i filemanager-webpack-plugin -D

在vue.config.js中配置，如果沒有這個文件可以自己創建一個

const FileManagerPlugin = require('filemanager-webpack-plugin')
module.exports = {
    configureWebpack: {  //webpack的相關配置在這里
        plugins: [
            new FileManagerPlugin({  //初始化 filemanager-webpack-plugin 插件實例
                onEnd: {
                    delete: [   //首先需要刪除項目根目錄下的dist.zip
                        './dist.zip',
                    ],
                    archive: [ //然后我們選擇dist文件夾將之打包成dist.zip並放在根目錄
                        {source: './dist', destination: './dist.zip'},
                    ]
                }
            })
        ]
    }
};

然后執行npm run build打包命令 就好了 就會同時出現dist文件夾和dist.zip壓縮包