npm run buildの後、distファイルを自動的にZIPファイルに圧縮します

プロジェクトのビルドをnpm実行するたびに、distファイルをzipパッケージに圧縮する必要があります。また、filemanager-webpack-pluginプラグインを使用して自動圧縮を実現できます。

プラグインを最初にインストールします
npminstall filemanager-webpack-plugin --save-dev

vue2.xはbuild / webpack.base.config.jsでmodule.exportsを見つけます。次に、プラグインを追加します

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

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

vuecli3.xはvue.config.jsの下に追加します

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

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