溪客(编程代码)

前期准备

1、复制原antd样式到src中，为后面缺less做准备

原：antd样式路径，node_modules/antd/es/styles

现 ：src 路径， antd/es/styles

2、升级antd

yarn upgrade antd@5.25.2

3、搜索替换less的import，例如搜索 antd/es

替换为

@import '~@/antd/es/style/themes/index'

注1：~ 表示node_modules，但是这里应该还可以表示为根目录，因为升级为antd5.x后，node_modules/antd/es/sytle目录下已经不再有less文件

注2： @ 在 tsconfig.json 文件及 jsconfig.json均有配置，如下所示，表示为src的路径

{
  "compilerOptions": {

    "paths": {
      "@/*": ["./src/*"]
    }
  }
}

4、运行&排错

如果出现less import的报错，大概率是路径引用的问题，按上面一步操作即可

注1：发现有类似 “~/themes/index” 的路径，也直接改为'~@/antd/es/style/themes/index'