Vue3+Ts+Vite项目(第四篇)——配置@路径别名,实现@代替/src

文章目录

  • 一、根目录下 vite.config.ts 文件中配置
  • 二、根目录下 tsconfig.json 文件中配置
  • 三、使用示例

一、根目录下 vite.config.ts 文件中配置

Vue3+Ts+Vite项目(第四篇)——配置@路径别名,实现@代替/src_第1张图片

import { resolve } from 'path';
resolve: {
  // 设置文件./src路径为 @
  alias: [
    {
      find: '@',
      replacement: resolve(__dirname, './src')
    }
  ]
}

二、根目录下 tsconfig.json 文件中配置

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

Vue3+Ts+Vite项目(第四篇)——配置@路径别名,实现@代替/src_第2张图片

三、使用示例

Vue3+Ts+Vite项目(第四篇)——配置@路径别名,实现@代替/src_第3张图片

你可能感兴趣的:(#,Vue3从零到一项目实战,vue.js,前端,typescript)