webpack lodash 간소화

.babelrc

@@ -7,8 +7,12 @@
                     "browsers": [
                         "last 2 versions"
                     ]
-                }
+                },
+                "modules":false
             }
         ]
+    ],
+    "plugins": [
+        "lodash"
     ]
 }

hwe/ts/inheritPoint.ts

@@ -1,4 +1,4 @@
-import _, {random} from "lodash";
+import {random, range} from "lodash"
 
 declare global {
     interface Window { formStart: any; }
@@ -11,7 +11,7 @@ function formStart() {
 
     const a = 10;
     const b:number[] = [];
-    for(const v of _.range(10)){
+    for(const v of range(10)){
         b.push(random()*v);
     }
     console.log(a + 10);

package.json

@@ -23,6 +23,7 @@
     "@babel/preset-env": "^7.15.0",
     "@babel/preset-typescript": "^7.15.0",
     "babel-loader": "^8.2.2",
+    "babel-plugin-lodash": "^3.3.4",
     "pre-commit": "^1.2.2",
     "typescript": "^4.3.5",
     "webpack": "^5.49.0",

tsconfig.json

@@ -5,7 +5,7 @@
     /* Basic Options */
     // "incremental": true,                         /* Enable incremental compilation */
     "target": "esnext",                                /* Specify ECMAScript target version: 'ES3' (default), 'ES5', 'ES2015', 'ES2016', 'ES2017', 'ES2018', 'ES2019', 'ES2020', 'ES2021', or 'ESNEXT'. */
-    "module": "commonjs",                           /* Specify module code generation: 'none', 'commonjs', 'amd', 'system', 'umd', 'es2015', 'es2020', or 'ESNext'. */
+    "module": "ESNext",                           /* Specify module code generation: 'none', 'commonjs', 'amd', 'system', 'umd', 'es2015', 'es2020', or 'ESNext'. */
     // "lib": [],                                   /* Specify library files to be included in the compilation. */
     // "allowJs": true,                             /* Allow javascript files to be compiled. */
     // "checkJs": true,                             /* Report errors in .js files. */

webpack.config.js

@@ -4,7 +4,7 @@ module.exports = [
     {
         name: 'ingame',
         resolve: {
-            extensions: [".ts", ".tsx"]
+            extensions: [".js", ".ts", ".tsx"]
         },
         entry: {
             inheritPoint: './hwe/ts/inheritPoint.ts',
@@ -34,7 +34,7 @@ module.exports = [
     {
         name: 'gateway',
         resolve: {
-            extensions: [".ts", ".tsx"]
+            extensions: [".js", ".ts", ".tsx"]
         },
         entry: {
             //test: './ts/test.ts',