feat: support @ import file

Author: hubcarl

app/web/page/admin/home/index.ts

@@ -1,6 +1,6 @@
 'use strict';
-import App from '../../../framework/app';
-import createStore from '../../store/index';
-import createRouter from './router/index';
-import entry from './view/home/index.vue';
+import App from '@framework/app';
+import createStore from '@store/index';
+import createRouter from '@router/index';
+import entry from '@view/home/index.vue';
 export default new App({ entry, createStore, createRouter }).bootstrap();

tsconfig.json

@@ -7,7 +7,16 @@
     /* Experimental Options */
     "experimentalDecorators": true,        /* Enables experimental support for ES7 decorators. */
     "emitDecoratorMetadata": true,         /* Enables experimental support for emitting type metadata for decorators. */
-    "strictNullChecks": false
+    "strictNullChecks": false,
+    "baseUrl": "app/web",
+    "paths": {
+      "@asset/*": ["asset/*"],
+      "@component/*": ["component/*"],
+      "@framework/*": ["framework/*"],
+      "@store/*": ["page/store/*"],
+      "@router/*": ["page/router/*"],
+      "@view/*": ["page/view/*"]
+    }
   },
   "include": [
     "index.ts",

webpack.config.js

@@ -1,9 +1,21 @@
 'use strict';
+const path = require('path');
+const resolve = filepath => path.resolve(__dirname, filepath);
 module.exports = {
   entry: {
     'admin/login': 'app/web/page/admin/login/login.vue',
     'admin/home': 'app/web/page/admin/home/index.ts'
   },
+  resolve: {
+    alias:{
+      '@asset': resolve('app/web/asset'),
+      '@framework': resolve('app/web/framework'),
+      '@component': resolve('app/web/component'),
+      '@store': resolve('app/web/page/store'),    
+      '@router': resolve('app/web/page/admin/home/router'),        
+      '@view': resolve('app/web/page/admin/home/view')
+    }
+  },
   module:{
     rules:[
       { babel: false },