webpack 配置alias 兼容 ts路径配置

在 webpakc中推荐使用绝对路径，我们就会在resolve中配置一个alias来配置路径， 我们引入的任何路径都可以以此开始

webpack 配置如下

   const {resolve}=require('path');
   module.exports={
       ...
       resolve:{
           alias:{
               "@": resolve(__dirname,'src/),  // 使用@符号代替src/路径。
           }
       }
       ...
   }
   

tsconfig.json 配置如下

 {
     "compilOptions":{
         ...
         baseUrl:'./',
         paths:{
             '@/*':["src/*"]
         }
         ...
     }
 }