vite+ts搭建的项目，@配置失效的解决办法

今天创建新项目，按照往常的管理去配置@别名

• 安装依赖：因为path是node中的模块，node又不支持ts，所以：

yarn add @types/node 或者 npm i @types/node

然后进vite.config.ts，添加添加@别名

resolve: {
    alias: {
      '@': resolve(__dirname, 'src')
    }
  }

其实到这里，就可以使用@符号了，但仅限于JS

引完确实能用，但是会报错，过不了TS的检查

包括引入外部的TS文件，不生效

然后在tsconfig.json文件的compilerOptions中，进行如下配

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

有些项目到这，引入文件的报错已经解除，也可以正常使用外部定义的TS文件
要是这么简单，怎么又会有我这篇文章呢，我的项目也不肯就这么结束
要是上述报错还没有解除，TS外部文件也用不了，来看这里

我的项目里面还有一个tsconfig.app.json文件，再配置一遍compilerOptions

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

到这里，引入的报错已经解除，外部的TS文件，也可以正常使用

完美，收工！！！