diff --git a/configs/webpack/common.js b/configs/webpack/common.js
index 11063a8..97aaf3f 100644
--- a/configs/webpack/common.js
+++ b/configs/webpack/common.js
@@ -1,6 +1,6 @@
 // shared config (dev and prod)
 const { resolve } = require('path')
-const { CheckerPlugin } = require('awesome-typescript-loader')
+const { CheckerPlugin, TsConfigPathsPlugin } = require('awesome-typescript-loader')
 const StyleLintPlugin = require('stylelint-webpack-plugin')
 const HtmlWebpackPlugin = require('html-webpack-plugin')
 
@@ -53,4 +53,10 @@ module.exports = {
     performance: {
         hints: false,
     },
+    resolve: {
+        extensions: ['.jsx', '.js', '.tsx', '.ts'],
+        plugins: [
+            new TsConfigPathsPlugin()
+        ]
+    },
 }
diff --git a/src/index.ts b/src/index.ts
index 8885e25..e6c277d 100644
--- a/src/index.ts
+++ b/src/index.ts
@@ -1,5 +1,5 @@
 import renderApp from './render'
-import { isClashX, setupJsBridge } from './lib/jsBridge'
+import { isClashX, setupJsBridge } from '@lib/jsBridge'
 
 /**
  * Global entry
diff --git a/tsconfig.json b/tsconfig.json
index d284554..d376a4c 100644
--- a/tsconfig.json
+++ b/tsconfig.json
@@ -7,7 +7,21 @@
         "module": "commonjs",
         "target": "es5",
         "jsx": "react",
-        "lib": ["es5", "es6", "dom"]
+        "lib": ["es5", "es6", "dom"],
+        "experimentalDecorators": true,
+        "baseUrl": ".",
+        "paths": {
+            "@lib": ["src/libs"],
+            "@lib/*": ["src/lib/*"],
+            "@components": ["src/components"],
+            "@components/*": ["src/components/*"],
+            "@containers": ["src/containers"],
+            "@containers/*": ["src/containers/*"],
+            "@models": ["src/models"],
+            "@models/*": ["src/models/*"],
+            "@stores": ["src/stores"],
+            "@stores/*": ["src/stores/*"]
+        }
     },
     "include": [
         "./src/**/*"