diff --git a/config/webpack/common.js b/config/webpack/common.js
index 2b99d678..dc5ebf52 100644
--- a/config/webpack/common.js
+++ b/config/webpack/common.js
@@ -52,10 +52,16 @@ module.exports = {
   resolve: {
     alias: {
       "@": `${paths.src}/modules`,
-      // "@components": `${paths.src}/components`,
-      // "@assets": `${paths.src}/assets`,
+      assets: `${paths.src}/assets`,
+      "@components": `${paths.src}/components`,
+      "@pages": `${paths.src}/pages`,
+      "@redux": `${paths.src}/redux`,
+      "@store": `${paths.src}/store`,
+      "@api": `${paths.src}/api`,
+      "@hooks": `${paths.src}/hooks`,
     },
-    extensions: [".mjs", ".js", ".jsx", ".ts", ".tsx", ".json"],
+    // extensions: [".mjs", ".js", ".jsx", ".ts", ".tsx", ".json"],
+    extensions: [".jsx", "..."],
   },
   experiments: {
     topLevelAwait: true,
diff --git a/jsconfig.json b/jsconfig.json
index ec2332eb..096a4df3 100644
--- a/jsconfig.json
+++ b/jsconfig.json
@@ -1,5 +1,14 @@
 {
   "compilerOptions": {
-    "baseUrl": "src"
+    "baseUrl": "./src",
+    "paths": {
+      "assets/*": ["./assets/*"],
+      "@components/*": ["./components/*"],
+      "@pages/*": ["./pages/*"],
+      "@redux/*": ["./redux/*"],
+      "@store/*": ["./store/*"],
+      "@api/*": ["./api/*"],
+      "@hooks/*": ["./api/*"]
+    }
   }
 }