react+antd+dva项目打包配置

react+antd+dva项目开发过程中，npm run build是会构建一个dist文件夹，将此文件压缩后发给后端部署，自动打包可以提高文件提测时反复手动打包问题。

dva用的是roadhog，项目配置中只有.webpackrc.js

关于roadhog的介绍可看github上一篇文章介绍：

https://github.com/sorrycc/blog/issues/15

压缩插件zip-webpack-plugin

github地址：

https://github.com/erikdesjardins/zip-webpack-plugin

zip-webpack-plugin使用方法是对于webpack的配置，项目中.webpackrc.js文件无法直接

...
  plugins: [
    new ZipPlugin({
      ...
      ...
    })
  ]
...

配置plugins

采取的方案是：

安装zip-webpack-plugin 并配置webpack.config.js文件。

新建一个webpack.config.js文件

const ZipPlugin = require('zip-webpack-plugin');

module.exports = (config, {
  webpack
}) => {
  // add plugins
  config.plugins.push(new ZipPlugin({
    filename: '打包后的文件名称.zip',
  }))
  // do something else
  return config;
};

运行npm run build 即可在dist文件夹内看到zip文件。