Skip to content

chore(template) 升级模板依赖至最新版本并优化 deploy 脚本#103

Open
RSS1102 wants to merge 3 commits intodevelopfrom
rss1102/chore/template-update
Open

chore(template) 升级模板依赖至最新版本并优化 deploy 脚本#103
RSS1102 wants to merge 3 commits intodevelopfrom
rss1102/chore/template-update

Conversation

@RSS1102
Copy link
Collaborator

@RSS1102 RSS1102 commented Mar 3, 2026

🤔 这个 PR 的性质是?

  • 日常 bug 修复
  • 新特性提交
  • 文档改进
  • 演示代码改进
  • 组件样式/交互改进
  • CI/CD 改进
  • 重构
  • 代码风格优化
  • 测试用例
  • 分支合并
  • 其他

🔗 相关 Issue

💡 需求背景和解决方案

主要更改内容

1. 依赖版本升级

Farm 模板:

  • react-lite: React 升级到 19.2.4,Farm 相关插件升级到最新版本
  • vue-lite: 修复名称(从 vue-next-lite 改为 vue-lite),Farm 版本升级
  • vue-next-lite: Vue 升级到 3.5.29,改用 @farmfe/js-plugin-vue 插件

Vite 模板:

  • react-lite: React 升级到 19.2.4,Vite 升级到 6.x
  • vue-lite: Vite 升级到 6.x
  • vue-next-lite: Vue 升级到 3.5.29,Vite 升级到 6.x

Webpack 模板:

  • react-lite: React 升级到 19.2.4,添加了 babel.config.js 和 webpack.config.js 配置文件
  • vue-lite: 移除旧的 eslint 配置,添加 eslint.config.js (flat config),简化依赖
  • vue-next-lite: Vue 升级到 3.5.29,ESLint 升级到 10.x,使用 vue-loader 替代 vue-loader-v16

2. 配置文件变更

新增文件:

  • templates/webpack/react-lite/babel.config.js - Babel 配置
  • templates/webpack/react-lite/webpack.config.js - Webpack 配置
  • templates/webpack/vue-lite/eslint.config.js - ESLint flat config
  • templates/webpack/vue-next-lite/eslint.config.js - ESLint flat config

修改文件:

  • templates/farm/vue-next-lite/farm.config.ts - 使用 @farmfe/js-plugin-vue 替代 @vitejs/plugin-vue
  • templates/webpack/vue-next-lite/vue.config.js - 简化 SVG 处理配置
  • templates/webpack/vue-next-lite/src/App.vue - SVG 引用方式改为 img 标签

3. 其他变更

  • 移除了 vue-svg-loadervue-loader-v16 的使用
  • 统一使用更现代的 ESLint flat config 格式
  • 更新了各模板的 TypeScript 类型定义版本

📋 代码更改总结

一、依赖版本升级

模板类型 主要升级内容
Farm React → 19.2.4, Vue → 3.5.29, Farm CLI/Core 升级到最新
Vite React → 19.2.4, Vue → 3.5.29, Vite → 6.x
Webpack React → 19.2.4, Vue → 3.5.29, ESLint → 10.x

二、新增配置文件

文件 说明
webpack/react-lite/babel.config.js Babel 配置文件
webpack/react-lite/webpack.config.js Webpack 配置文件
webpack/vue-lite/eslint.config.js ESLint flat config 格式
webpack/vue-next-lite/eslint.config.js ESLint flat config 格式

三、关键改动详情

1. Farm Vue3 模板 - 切换 Vue 插件

- import vue from '@vitejs/plugin-vue';
+ import vue from '@farmfe/js-plugin-vue';

2. Webpack Vue3 模板 - 简化 SVG 处理

  • 移除 vue-svg-loadervue-loader-v16
  • SVG 改用默认的 asset/resource 方式处理
  • App.vue 中 SVG 引用改为 <img> 标签

3. ESLint 迁移 - 采用新版 flat config

  • Vue2/Vue3 webpack 模板均迁移到 eslint.config.js (ESLint 10.x)
  • 移除 package.json 中的 eslintConfig 配置块

4. Webpack React 模板 - 增强配置

  • 添加独立的 babel.config.jswebpack.config.js
  • TypeScript 类型定义升级到 React 19 对应版本

📝 更新日志

  • chore(template) 升级模板依赖至最新版本并优化 deploy 脚本

  • 本条 PR 不需要纳入 Changelog

☑️ 请求合并前的自查清单

⚠️ 请自检并全部勾选全部选项⚠️

  • 文档已补充或无须补充
  • 代码演示已提供或无须提供
  • TypeScript 定义已补充或无须补充
  • Changelog 已提供或无须提供

@RSS1102 RSS1102 changed the title chore(template) 升级模板依赖至最新版本 chore(template) 升级模板依赖至最新版本并优化 deploy 脚本 Mar 3, 2026
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant