如何使用 webpack 输出目录的内容创建 tar.gz 文件？

Question

我在我的/build文件夹中将这个 React 前端全部打包、丑化和分块。我想自动化将目录压缩到快照并将其上传到我的 maven 存储库的过程。

我一直在查看文档，但终其一生都无法弄清楚是否可以在我webpack.config.js的内容中进行设置并在内容打包后将其自动化。

Answer 1

我曾经webpack-shell-plugin存档编译过的文件。我编译的文件是“dist”目录。

1. 我使用 npm 安装了这个插件。
2. 用const WebpackShellPlugin = require('webpack-shell-plugin').

3. 创建“归档”shell 命令：

   const CREATE_ARCHIVE = 'tar czvf --ignore-failed-read ' + paths.base() + '/bundle.tar.gz' + ' -C ' + paths.dist() + ' . '

4. 创建并添加了 shell 插件

   webpackConfig.plugins.push( new webpack.optimize.OccurrenceOrderPlugin(), //.. other plugins, new WebpackShellPlugin({ onBuildExit: [CREATE_ARCHIVE], safe: true }) )

运行 webpack 构建后，它会在项目的根目录中创建 build.tar.gz。