react+antd+dva项目打包配置
react+antd+dva项目开发过程中,npm run build是会构建一个dist文件夹,将此文件压缩后发给后端部署,自动打包可以提高文件提测时反复手动打包问题。dva用的是roadhog,项目配置中只有.webpackrc.js关于roadhog的介绍可看github上一篇文章介绍:https://github.com/sorrycc/blog/issues/15压缩插件...
文章共266字 · 阅读需要大约1分钟
一键AI生成摘要,助你高效阅读
问答
·
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文件。
更多推荐
已为社区贡献1条内容
所有评论(0)