react dva如何打包
使用 Dva 打包 React 项目的步骤
安装依赖
确保项目已安装 dva-cli 和 roadhog（Dva 默认构建工具）。若未安装，执行以下命令：
npm install dva-cli roadhog -g配置构建参数
在项目根目录的 .webpackrc 或 roadhogrc.config.js 中配置打包选项。例如设置输出路径、公共路径等：
export default {
outputPath: './dist',
publicPath: '/public/',
};执行打包命令
运行以下命令进行生产环境打包，生成优化后的代码：
npm run build自定义 Webpack 配置
扩展配置
如需扩展 Webpack 配置，在 .webpackrc.js 中通过 extraBabelPlugins 或 extraPostCSSPlugins 添加插件。例如：
export default {
extraBabelPlugins: ['babel-plugin-transform-decorators-legacy'],
};覆盖默认配置
通过 chainWebpack 函数完全自定义配置：
export default {
chainWebpack(config) {
config.module.rule('js').exclude.add(/node_modules/);
},
};优化打包结果
代码分割
利用动态 import() 实现路由级代码分割：
const Home = () => import('./routes/Home');分析打包文件
安装 roadhog-plugin-bundle-analyzer 分析体积：
npm install roadhog-plugin-bundle-analyzer --save-dev配置插件：
export default {
plugins: [['bundle-analyzer']],
};部署注意事项
静态资源路径
确保 publicPath 与服务器部署路径匹配，避免资源加载失败。
服务器配置
为单页应用配置路由重定向（如 Nginx）：
location / {
try_files $uri /index.html;
}
