VUE——自动打包并生成dist.zip压缩包

window && mac 跨系统打包压缩

每次都要手动打zip包,很烦,所有就直接用插件了,不过要注意版本哦,不然会失败的

filemanager-webpack-plugin: filemanager-webpack-plugin

安装插件

npm install filemanager-webpack-plugin@1.0.0 --save-dev

配置插件

const FileManagerWebpackPlugin = require('filemanager-webpack-plugin')

module.exports = {
    plugins: [
        new FileManagerWebpackPlugin ({
          onEnd: {
            mkdir: ['./dist'],
            delete: [
              './dist.zip',
            ],
            archive: [
              {source: './dist', destination: './dist.zip'},
            ]
          }
        })
    ],
}

配置完，执行 npm run build 就会打包dist目录同时打包dist.zip了

mac 系统偷懒方法

如果是mac系统，不考虑其它系统的情况下，就很简单了，不需要安装插件，直接在命令行拼接 && tar -zcvf dist.zip dist 即可，非常方便

  "scripts": {
    "build": "vue-cli-service build && tar -zcvf dist.zip dist"
  },