chore: 解决本地开发控制台warning & babel 解析 tsx、jsx 语法 (#3360)

* chore: 解决本地开发控制台warning

* chore: gatsby-antv-theme 中会读取 .babelrc 文件, 导致网站启动问题

如果没有，就会有默认自己的配置。所以我们的项目根目录不能有 babelrc 文件

api-extractor.json

@@ -1,15 +1,48 @@
-{
-  "mainEntryPointFilePath": "<projectFolder>/lib/api.d.ts",
-  "apiReport": {
-    "enabled": false
-  },
-  "docModel": {
-    "enabled": false
-  },
-  "dtsRollup": {
-    "enabled": true
-  },
-  "tsdocMetadata": {
-    "enabled": false
-  }
-}
+{
+  "mainEntryPointFilePath": "<projectFolder>/lib/api.d.ts",
+  "apiReport": {
+    "enabled": false
+  },
+  "docModel": {
+    "enabled": false
+  },
+  "dtsRollup": {
+    "enabled": true
+  },
+  "tsdocMetadata": {
+    "enabled": false
+  },
+  "messages": {
+    "extractorMessageReporting": {
+      "ae-missing-release-tag": {
+        "logLevel": "none"
+      },
+      "ae-forgotten-export": {
+        "logLevel": "none"
+      }
+    },
+    "tsdocMessageReporting": {
+      "tsdoc-escape-right-brace": {
+        "logLevel": "none"
+      },
+      "tsdoc-escape-greater-than": {
+        "logLevel": "none"
+      },
+      "tsdoc-param-tag-missing-hyphen": {
+        "logLevel": "none"
+      },
+      "tsdoc-reference-hash-syntax": {
+        "logLevel": "none"
+      },
+      "tsdoc-malformed-inline-tag": {
+        "logLevel": "none"
+      },
+      "tsdoc-undefined-tag": {
+        "logLevel": "none"
+      },
+      "tsdoc-param-tag-with-invalid-optional-name": {
+        "logLevel": "none"
+      }
+    }
+  }
+}

webpack.config.js

@@ -19,6 +19,16 @@ module.exports = {
         use: [
           {
             loader: 'babel-loader',
+            options: {
+              presets: [
+                '@babel/preset-env',
+                {
+                  targets: {
+                    browsers: ['> 1%', 'last 2 versions'],
+                  },
+                },
+              ],
+            },
           },
           {
             loader: 'ts-loader',
@@ -31,7 +41,7 @@ module.exports = {
     ],
   },
   resolve: {
-    extensions: ['.ts', '.js'],
+    extensions: ['.jsx', '.tsx', '.ts', '.js'],
   },
   plugins: [
     new webpack.NoEmitOnErrorsPlugin(),