【vue】vue打包后,将dist文件夹自动压缩成生成dist.zip压缩包--filemanager-webpack-plugin
一、最终目标
npm run build:prod后生成的dist资源文件夹,自动打包成dist.zip压缩包
二、下载插件
2.1、下载插件
filemanager-webpack-plugin
npm install filemanager-webpack-plugin --save-dev
2.2、配置使用
老版本在webpack.prod.js文件下
新版本在vue.config.js文件下
我的是新版本,找到vue.config.js文件,修改文件内容如下:
上方引用:
const FileManagerPlugin = require('filemanager-webpack-plugin')
在configureWebpack中增加plugins。如红框中所示
1 plugins: [ 2 new FileManagerPlugin( 3 { 4 events: { 5 onEnd: { 6 delete: ['./dist.zip'], 7 archive: [{ 8 source: path.join(__dirname, './dist'), 9 destination: path.join(__dirname, './dist.zip') 10 }] 11 } 12 } 13 } 14 ) 15 ]
本文来自博客园,作者:爱笑的眼睛真美,转载请注明原文链接:https://www.cnblogs.com/zhangxue521/p/14415372.html