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

Question

我的这个React前端在我的/build文件夹中都很好地包装，uglified和chunked。我想自动化将目录压缩到快照并将其上传到我的maven存储库的过程。

我一直在查看文档，并且不能在我的生活中弄明白我是否可以在我的webpack.config.js中设置它并在内容打包后自动化它。

Answer 1

我使用webpack-shell-plugin来存档编译的文件。我编译的文件是'dist'目录。

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

3. 创建“archive”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。