在vue3+vite+ts中如何使用@引入文件

最新推荐文章于 2024-06-21 10:22:37 发布

千珏qwq

最新推荐文章于 2024-06-21 10:22:37 发布

阅读量691

点赞数 12

文章标签：前端 javascript 开发语言 typescript vue

本文链接：https://blog.csdn.net/liuchaofeng666/article/details/136650804

版权

在vite项目中使用@进行文件的引入

在vite.config.ts文件中如下配置
import path from "path";
export default defineConfig({
  resolve: {
    alias: {
      "@": path.resolve(__dirname, "./src"), // 为./src配置别名
    },
  },
});

在tsconfig.json文件中添加如下代码即可

{
  "compilerOptions": {
    /*项目引入路径*/
     "baseUrl": "./",
    "paths": {
      "@/*": ["src/*"]  // 将项目根目录配置别名为@
    },
    "allowSyntheticDefaultImports": true
  },
  "exclude": ["node_modules", "dist"],
}