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文件夾）就可以看到