时间戳

首页 > 解决方案 > Webpack 输出只创建 dist 文件夹而不是 dist.zip

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

问题描述

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

标签： webpackbuildwebpack-4vue-clivue-cli-3

解决方案

您需要有一个自定义插件，例如webpack-zip-plugin.

然后你可以做类似的事情

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

欲了解更多详情，请访问此处。

希望这可以帮助。

推荐阅读