vite构建的react+ts项目中使用arcodesign组件的问题

今天在react项目中使用arcodesign组件库，引入的图标巨大无比，调样式也不起作用，如下图。

网上找了也没看到类似的问题，去官网文档里看，发现是没有引入组件的样式。在我这个vite构建的react+ts项目中找到两个解决办法：第一个是直接引入全部样式

import "@arco-design/web-react/dist/css/arco.css";

第二个是设置按需加载的插件，react+ts的指导文档：https://github.com/arco-design/arco-plugins/blob/main/packages/plugin-vite-react/README.zh-CN.md，其他项目设置去官网找。下载插件包，然后在vite.config.ts中配置插件的选项。这里插件有默认参数，默认是引入样式了，还需下载less包，如果需要进行其他设置可以看指导文档。

npm i @arco-plugins/vite-react -D
npm install -D less

import { vitePluginForArco } from '@arco-plugins/vite-react'
export default defineConfig({
  plugins: [
    vitePluginForArco(),
  ],
})

这样我们引入的图标和组件就能正常显示了。