add babel import plugin (#762)

Author: petar-cvit

web/babel.config.js

@@ -10,4 +10,15 @@ module.exports = {
       },
     ],
   ],
+  plugins: [
+    [
+      "import",
+      {
+        libraryName: "antd",
+        libraryDirectory: "es",
+        style: false,
+      },
+      "antd",
+    ],
+  ],
 };

web/package-lock.json

@@ -42,7 +42,8 @@
     "typescript": "^5.1.3"
   },
   "devDependencies": {
-    "@docusaurus/module-type-aliases": "^3.0.0"
+    "@docusaurus/module-type-aliases": "^3.0.0",
+    "babel-plugin-import": "^1.13.8"
   },
   "browserslist": {
     "production": [

web/package.json

@@ -2,7 +2,9 @@ import React, {useEffect, useState} from 'react';
 import styles from './styles.module.css';
 import SyntaxHighlighter from 'react-syntax-highlighter';
 
-import {ConfigProvider, Form, Input, InputNumber, Select, Switch} from "antd";
+import Form from "antd/es/form";
+
+import {ConfigProvider, Input, InputNumber, Select} from "antd";
 
 const Comparison = () => {
     const [name, setName] = useState("nginx");