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中添加配置
项目结构图示
需要添加配置的两个文件
最后编辑于 ：
©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容