From 42ba94d2668aec91227923e2adda98a0cb9f99f4 Mon Sep 17 00:00:00 2001
From: Jisu Kim <webmaster@alien.moe>
Date: Fri, 8 Jan 2021 21:15:08 +0900
Subject: [PATCH] Separate babel configuration file

---
 .babelrc          | 40 ++++++++++++++++++++++++++++++++++++++++
 webpack.config.ts | 20 +-------------------
 2 files changed, 41 insertions(+), 19 deletions(-)
 create mode 100644 .babelrc

diff --git a/.babelrc b/.babelrc
new file mode 100644
index 0000000..c02c374
--- /dev/null
+++ b/.babelrc
@@ -0,0 +1,40 @@
+{
+  "presets": [
+    [
+      "@babel/preset-env",
+      {
+        "targets": {
+          "browsers": "last 2 versions"
+        },
+        "useBuiltIns": "usage",
+        "corejs": 3
+      }
+    ],
+    [
+      "@babel/preset-typescript",
+      {
+        "onlyRemoveTypeImports": true
+      }
+    ],
+    "@babel/preset-react"
+  ],
+  "plugins": [
+    [
+      "@babel/plugin-proposal-decorators",
+      {
+        "legacy": true
+      }
+    ],
+    [
+      "@babel/plugin-proposal-class-properties",
+      {
+        "loose": true
+      }
+    ]
+  ],
+  "env": {
+    "development": {
+      "plugins": ["react-refresh/babel"]
+    }
+  }
+}
diff --git a/webpack.config.ts b/webpack.config.ts
index be3c2d7..ab32d4e 100644
--- a/webpack.config.ts
+++ b/webpack.config.ts
@@ -35,25 +35,7 @@ const config: webpack.Configuration = {
           loader: "babel-loader",
           options: {
             cacheDirectory: true,
-            babelrc: false,
-            presets: [
-              [
-                "@babel/preset-env",
-                {
-                  targets: { browsers: "last 2 versions" },
-                  useBuiltIns: "usage",
-                  corejs: 3,
-                }, // or whatever your project requires
-              ],
-              ["@babel/preset-typescript", { onlyRemoveTypeImports: true }],
-              "@babel/preset-react",
-            ],
-            plugins: [
-              // plugin-proposal-decorators is only needed if you're using experimental decorators in TypeScript
-              ["@babel/plugin-proposal-decorators", { legacy: true }],
-              ["@babel/plugin-proposal-class-properties", { loose: true }],
-              isDevelopment && require.resolve("react-refresh/babel"),
-            ].filter(Boolean),
+            babelrc: true,
           },
         },
       },