Webpack 输出只创建 dist 文件夹而不是 dist.zip

【问题标题】：Webpack output only creates dist folder not dist.zipWebpack 输出只创建 dist 文件夹而不是 dist.zip
【发布时间】：2019-10-22 02:47:34
【问题描述】：

我是 webpack 的新手。我正在尝试构建我的 Vue webpack cli 项目。完成后，dist 文件夹创建成功。但我需要有一个 dist.zip 文件夹，该文件夹需要在 CICD 管道中传递，然后才能执行下一个任务。是否需要任何构建配置更改才能将输出作为 zip 包而不是文件夹？

【问题讨论】：

标签： webpack build webpack-4 vue-cli vue-cli-3

【解决方案1】：

您需要有一个像webpack-zip-plugin 这样的自定义插件。

然后你可以做类似的事情

module.exports = {
  ...
  plugins: [
    new WebpackZipPlugin({
      frontShell: 'ls'
      initialFile: './dist',
      endPath: './buildPath',
      zipName: '[name].zip',
      behindShell: 'scp ***'
    })
  ]
}

更多详情请访问here.

希望这会有所帮助。

【讨论】：

不适用于 webpack >=5