vue+typescript项目@引入无法找到模块问题

vue+typescript项目@引入无法找到模块问题

由于在学习搭建vue+typescript项目时踩坑，发现@方式导入js方法时无法找到路径，网上找了一堆答案，发现回答都不是很直接，因此就写下来作为记录。

导入实例
只webpack中配置alias是不行的

import * as envs from '@/utils/envs'  

解决办法
除了在webpack配置外还要在tsconfig.json文件里面配置

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