How can both antd and antd-mobile, be loaded on demand when both antd and antd-mobile, are needed in a react project?

antd and antd-mobile are both loaded on demand:
/ / webpack before configuration

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

/ / webpack modified configuration

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

/ / then referenced in the page,
clipboard.png
//

clipboard.png
indicates that this method is wrong. How to configure two demand loads in the plug-in?

Jun.26,2021

try to write like this

{
  "plugins":[["import",[
  {
    "libraryName": "antd",
    "libraryDirectory": "lib",   // default: lib
    "style": true
  },
  {
    "libraryName": "antd-mobile",
    "libraryDirectory": "component",
  },
]]]
}
  • Ant design tabbar's icon does not display

    import mineIcon from .. assets image icon mine.png ; import mineDarkIcon from .. assets image icon mine_dark.png ; import orderListIcon from .. assets image icon order_list.png ; import orderListDarkIcon from .. assets image icon order_lis...

    Mar.03,2021
MySQL Query : SELECT * FROM `codeshelper`.`v9_news` WHERE status=99 AND catid='6' ORDER BY rand() LIMIT 5
MySQL Error : Disk full (/tmp/#sql-temptable-64f5-1e4e2b4-655a8.MAI); waiting for someone to free some space... (errno: 28 "No space left on device")
MySQL Errno : 1021
Message : Disk full (/tmp/#sql-temptable-64f5-1e4e2b4-655a8.MAI); waiting for someone to free some space... (errno: 28 "No space left on device")
Need Help?