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文件夾）就能夠看到