react使用vite导入antd-mobile实现按需导入

安装插件

yarn add -D vite-plugin-imp

在vite.config.ts文件下的plugins参数中添加以下插件

vitePluginImp({
      libList: [
        {
          libName: 'antd-mobile',
          style: () => false,
          libDirectory: 'es/components',
          replaceOldImport: true
        }
      ]
  }),

按需加载的antd-mobile需要引入默认的一些样式和函数，在main.ts中加入。

import 'antd-mobile/es/global'