logo
  • 指南
  • 配置
  • 插件
  • API
  • 示例
  • 社区
  • Modern.js 2.x 文档
  • 简体中文
    • 简体中文
    • English
    • 开始
      介绍
      快速上手
      版本升级
      名词解释
      技术栈
      核心概念
      页面入口
      构建工具
      Web 服务器
      基础功能
      路由
      路由基础
      配置式路由
      数据管理
      数据获取
      数据写入
      数据缓存
      渲染
      服务端渲染(SSR)
      服务端流式渲染(Streaming SSR)
      渲染缓存
      静态站点生成(SSG)
      渲染预处理 (Render Preprocessing)
      样式开发
      引入 CSS
      使用 CSS Modules
      使用 CSS-in-JS
      使用 Tailwind CSS
      HTML 模板
      引用静态资源
      引用 JSON 文件
      引用 SVG 资源
      引用 Wasm 资源
      调试
      数据模拟(Mock)
      网络代理
      使用 Rsdoctor
      使用 Storybook
      测试
      Playwright
      Vitest
      Jest
      Cypress
      路径别名
      环境变量
      构建产物目录
      部署应用
      进阶功能
      使用 Rspack
      使用 BFF
      基础用法
      运行时框架
      扩展 BFF Server
      扩展一体化调用 SDK
      文件上传
      跨项目调用
      优化页面性能
      代码分割
      静态资源内联
      产物体积优化
      React Compiler
      提升构建性能
      浏览器兼容性
      配置底层工具
      源码构建模式
      服务端监控
      Monitors
      日志事件
      指标事件
      国际化
      基础概念
      快速开始
      配置说明
      语言检测
      资源加载
      路由集成
      API 参考
      高级用法
      最佳实践
      自定义 Web Server
      专题详解
      模块联邦
      简介
      开始使用
      应用级别模块
      服务端渲染
      部署
      集成国际化能力
      常见问题
      依赖安装问题
      命令行问题
      构建相关问题
      热更新问题
      从 Modern.js 2.0 升级
      概述
      配置变化
      入口变化
      自定义 Web Server 变化
      其他重要变更
      📝 编辑此页面
      上一页热更新问题下一页配置变化

      #概述

      本文档将帮助您从 Modern.js 2.0 升级到 Modern.js 3.0。

      #升级概览

      Modern.js 3.0 带来了多项重大改进和变化,主要包括:

      • 构建工具升级:默认使用 Rspack 构建,不再支持 Webpack,构建配置与 Rsbuild 对齐。
      • React 生态升级:全面支持 React 19 和 React Router v7。
      • 插件系统重构:重新设计插件 API,支持在 CLI、Runtime、Server 层通过自定义插件扩展框架能力。
      • React Server Component:支持在 CSR 和 SSR 项目中使用 React Server Component。
      • 国际化增强:提供开箱即用的 i18n 插件,简化国际化开发流程。
      • SSG 能力完善:提供完整的静态站点生成(SSG)支持。
      • 路由配置增强:支持配置式路由,可单独使用或与约定式路由结合,提供更灵活的路由定义方式。

      #升级前置检查

      在开始升级之前,请确认:

      1. 当前项目使用的是 Modern.js 2.0
      2. 确定使用的 react 版本是 17 及以上
      3. 确定使用的 node.js 版本是 18.20.8 及以上,推荐使用 node.js 22 以上版本

      #获取帮助

      如果在升级过程中遇到任何问题,您可以通过以下方式获取帮助:

      • 查阅 Modern.js 官方文档
      • 在 GitHub Issues 中搜索相关问题或提交新的 issue
      • 加入 Modern.js Discord 社区与其他开发者交流

      我们建议在提交 issue 时提供尽可能详细的信息,包括错误日志、配置文件和复现步骤,以便更快地解决问题