1、配置 tsconfig.json 在compilerOptions设置baseUrl项目根目录路径 compilerOptions:{"baseUrl":"./",} 在compilerOptions下设置paths选项来指定你的别名配置 compilerOptions:{"baseUrl":"./","paths":{"@/*":["src/*"]}} 2、配置 vite.config.ts 设置a
ts对@指向src目录的提示是不支持的,vite默认也是不支持的。 所以需要手动配置@符号的指向,找到vite.config.ts import path from "path" // Vite export default defineConfig({ plugins: [react()], resolve:{ alias:{ "@":path.resolve(__dirname,'./src') } } }) 2 path模块是node.js内置的功能,但...
路径别名是为了方便模块文件引入,比如有src/util/time_util.ts这样一个模块。如果没有路径别名,可能有的是import time_util from './time_util',有的是import time_util from '../../../../../time_util'这样引入。而有了路径别名,不管当前模块文件在哪个路径,都可以统一用import time_util from '@/uti...
Vue3+Ts+vite设置别名@ 使用import引入文件默认是“./……”上下层级多一些的时候难免就会出错,设置一个基础目录的别名就比较有用了。 在vite.config.ts中添加配置 // vite.config.ts// 导入path模块importpathfrom'path'// defineConfig添加以下内容resolve:{alias:{'@':path.resolve(__dirname,'src')}}//...
vite配置别名 代码语言: import{resolve}from"path"exportdefineConfig({resolve:{alias:{"@":resolve(__dirname,"./src"),//把 src 的别名设置为 @},},}); 解决ts 中 使用"@" 的时候提示找不到模块的报错 import DateInput from "@/components/DateInput.vue"; (找不到模块“@/components/DateInput....
配置路径别名@ 1、安装@types/node npm install @types/node --save-dev 1. 2、修改vite.config.ts配置路径别名@ import { defineConfig } from 'vite' import vue from '@vitejs/plugin-vue' import path from "path";//这个path用到了上面安装的@types/node ...
在这里配置打包编译时候的别名,用path.resolve解析成绝对地址也可以,用'@': '/src'直接指定项目根路径也可以。用js的时候,配置别名就完成了。如果用TS还需要,配置tsconfig.json: "baseUrl": "./","paths": {"@/*": ["src/*"],"~/*": ["packages/*"]} ...
vite.config.ts是Vite项目的核心配置文件,它导出一个配置对象,该对象可以包含多种配置选项,如插件、别名、代理等。 2. 学习如何在vite.config.ts中配置别名 在Vite中,配置别名通常是通过resolve.alias选项来实现的。这个选项允许我们定义一个对象,对象的键是别名的名称,值是该别名对应的实际路径。
// 配置别名 alias: { '@': path.resolve(__dirname, './src') } } }) 1. 2. 3. 4. 5. 6. 7. 8. 9. 10. 11. 12. 13. 14. 15. extensions 导入模块时可省略的文件扩展名列表,默认值是 [‘.mjs’, ‘.js’, ‘.ts’, ‘.jsx’, ‘.tsx’, ‘.json’]。