react项目里需要同时用到antd和antd-mobile，如何进行都进行按需加载？

Question

antd和antd-mobile都进行按需加载：
// webpack之前配置

          plugins: ['transform-runtime', ['import', {
            "libraryName": "antd-mobile",
            "style": true
          }]]

// webpack修改后配置

          plugins: ['transform-runtime', ['import', {
            "libraryName": "antd-mobile",
            "style": true
          },
          {
            "libraryName": "antd",
            "style": true    
          }]]

//然后页面里引用，

//可是报这个错

说明这个方法不对，到底插件里如何配置两个按需加载呢？

Answer 1

这样写试试

{
  "plugins":[["import",[
  {
    "libraryName": "antd",
    "libraryDirectory": "lib",   // default: lib
    "style": true
  },
  {
    "libraryName": "antd-mobile",
    "libraryDirectory": "component",
  },
]]]
}