vite+ts项目中路径别名的配置

vite.config.ts中别名配置

利用node中的path获取绝对路径

// 1. 引入path模块
// 2. 创建resolve方法获取路径
// 3. resove配置项中配置别名
const path = require('path)
function resolve(dir) {
  return path.join(__dirname, './' + dir)
}
export default defineConfig({
  plugins: [uni()],
  base: '/',
  resolve: {
    extensions: ['.js', '.ts', '.vue', '.json', '.scss'],
    alias: {
      '@': resolve('src'),
      '@api': resolve('src/api')
    }
  }
})

此时配置完成即可在项目中使用别名，但ts中使用时，会提示报红（但不影响正常功能）

ts中提示找不到模块

解决ts报红

在tsconfig.json中添加配置

项目结构图示

需要添加配置的两个文件