vue -- vue-cli webpack项目打包后自动压缩成zip文件

  用vue2.0开发项目，使用npm run build 命令 ，可是只会生成dist文件夹，如下是生成zip压缩包方法

1，插件安装

 webpack插件安装 filemanager-webpack-plugin，该插件可执行打包，复制，移动，删除文件以及新文件夹在build以前及以后建立。

安装：      npm install filemanager-webpack-plugin --save-dev  或 npm install filemanager-webpack-plugin --save-dev

 2.webpack配置

 1）在项目 根目录 build/webpack.base.config.js 中抬头变量声明区域添加

 

const FileManagerPlugin = require('filema nager-webpack-plugin')

 

2) 在根目录 build/webpack.base.config.js 内找到 module.exports。 而后在plugins内添加

　　new FileManagerPlugin({
 　　   onEnd: {
       　　 delete: [
          　　  './dist/mydemo.zip',
      　　  ],
       　　 archive: [
         　　   {source: './dist', destination: './dist/mydemo.zip'},
        　　]
   　　 }
　　})

若 plugins不存在，则新建plugins，plugins为数组格式。

 

3.执行效果 
配置完成后，从新执行 npm run build 命令 执行完后 ，在dist文件夹内（上面配置的目的地目录为 dist文件夹）就能够看到