安装 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压缩包