react dva如何打包

React DVA 项目打包步骤

安装必要依赖
确保项目中已安装 dva-cli 和 roadhog（DVA 默认构建工具）。若未安装，执行以下命令：

npm install dva-cli roadhog --save-dev

配置 roadhog
在项目根目录创建或修改 .webpackrc 文件，自定义打包配置。例如：

{
  "publicPath": "/dist/",
  "outputPath": "./dist",
  "extraBabelPlugins": ["transform-runtime"]
}

执行打包命令
运行以下命令生成生产环境代码：

npm run build

或直接使用 roadhog：

roadhog build

打包优化建议

启用代码分割
在 .webpackrc 中配置动态导入：

{
  "dynamicImport": true
}

压缩静态资源
添加 compression-webpack-plugin 插件：

npm install compression-webpack-plugin --save-dev

配置示例：

{
  "extraPlugins": ["compression-webpack-plugin"]
}

常见问题处理

路径问题
若静态资源加载失败，检查 .webpackrc 中的 publicPath 是否与服务器部署路径匹配。

性能分析
使用 roadhog 的分析模式：

roadhog build --analyze