[前端] webpack + craco项目迁移Rsbuild

对一个非rsbuild的既有项目，迁移到rsbuild，有两种途径；其一是用rsbuild官方工具新建空壳项目，将旧项目的代码文件搬到新的壳项目中，并安装项目需要的依赖项，编写rsbuild.config.ts配置；其二是修改旧项目的依赖项，删除无关依赖和无关配置，安装rsbuild项目所用的依赖项，编写rsbuild.config.ts配置。
pnpm i @rsbuild/core @rsbuild/plugin-react -D

常用CSS, 图标插件，根据项目情况安装，如我项目用了less，就安装
less：@rsbuild/plugin-less
sass：@rsbuild/plugin-sass
svg：@rsbuild/plugin-svgr

pnpm i @rsbuild/plugin-less -D

1.3 更新package.json中的 scripts

将craco start改成 rsbuild dev
将craco build 改成 rsbuild build

1.4 新增rsbuild配置 (根据项目原有配置craco.config.js，编写rsbuild.config.ts)

在 package.json 的同级目录下创建 rsbuild 的配置文件 rsbuild.config.ts，并添加以下内容作为初始化配置。

// rsbuild脚手架初始化项目时的原始配置

import { defineConfig } from '@rsbuild/core';
import { pluginReact } from '@rsbuild/plugin-react';

export default defineConfig({
plugins: [pluginReact()],
});

对我的项目，原本用到了用到了 craco-less, craco.config.js中也有lessLoader的配置，就需要在rsbuild.config.ts中添加pluginLess的配置

同时，添加alias，修改默认开发服务器端口。

同步更新到自己的语雀
https://www.yuque.com/dirackeeko/blog/lpodr6bbysz1ug34