vite下配置@（alias）

最新推荐文章于 2025-04-16 21:43:50 发布

看代码写不出代码

最新推荐文章于 2025-04-16 21:43:50 发布

阅读量566

点赞数

文章标签： vue.js 前端 javascript

本文链接：https://blog.csdn.net/W18223596054/article/details/129816278

版权

文章介绍了如何使用yarn添加@types/node依赖以增强对Node.js的类型支持，然后在tsconfig.json的compilerOptions中配置paths属性，将@/*映射到./src/*，以便于TypeScript项目管理自定义模块。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1.安装并引入

yarn add @types/node -D

2.因为是ts所以在tsconfig下的compilerOptions配置

"paths":{

"@/*":["./src/*"]

}

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

看代码写不出代码

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

如何使用Vite创建vue项目中配置别名和扩展名

Handsome_gir的博客

04-25

1083

在vite.config.js中，通过resolve模块解析规则，设置别名、扩展名等。

配置vite下react+ts的alias别名@/

m0_60622481的博客

10-10

486

配置vite下react+ts的alias别名@/

参与评论您还未登录，请先登录后发表或查看评论

vite2.1 最新alias别名设置方式

热门推荐

YUSIR 完美CODING世界

04-05

2万+

vite.config.js 别名配置 resolve.alias 类型：Record<string, string> | Array<{ find: string | RegExp, replacement: string }> 将会被传递到@rollup/plugin-alias作为entries的选项。也可以是一个对象，或一个{ find, replacement }的数组. 当使用文件系统路径的别名时，请始终使用绝对路径。相对路径的别名值会被原封...

vite配置@提示

wang1811539550的博客

02-28

278

vite配置@提示

vite-alias配置

qq_46266305的博客

06-13

2935

在 vite + typescript 中配置路径别名时需要注意, 直接使用。来指定项目的基本路径. 这时候在 vscode 中路径引入时打出。中指定相对路径, 只需要指定相对路径即可.的话, typescript 会报错。来给让 typescript 识别出。之后, 就可以提示路径了., 这时候需要拉取依赖。配置内使用相对路径了.

vite alias别名配置

this_star的博客

08-16

406

vite中配置别名

Vue 【vite使用alias】【解决配置成功爆红问题】

qq_32019935的博客

04-07

2389

这是一个比较常用，且配置简单的功能。但是在不同环境下还是有点点小坑，这边就当是一个全面的记录吧。vite中配置alias总共需要配置两个地方：让代码编译通过：让代码编辑器语法验证通过。

【解决90%】vue3+vite3+ts使用@alias路径别名爆红解决办法

qq_43059459的博客

07-11

2807

【解决90%】vue3+vite3+ts使用@alias路径别名爆红解决办法

Ts+Vite脚手架使用‘@‘作为src根目录的方法

shiqing4387的博客

06-20

1256

如何在vite脚手架中使用@代替src根目录

vue3+vite+ts 配置别名@报错找不到模块

weixin_43754395的博客

11-30

4602

vue3+vite+ts配置别名@报错

前端武林秘籍：Vite 配置别名 @ 的绝世内功

04-16

763

在前端江湖，Vite 以极速著称，然而默认并不识别 @ 别名。本文将揭示配置别名 @ 的绝世内功，助你在项目中轻松驾驭路径，快速启动，突破 Vite 配置之难关。

配置alias（设置别名@）

吾娱生活的专栏

01-31

2091

【代码】配置alias（设置别名@）

vite vue3 ts（一）初始化项目、设置alias别名

烙大饼

03-02

845

vite 别名 @

【Vite】插件机制与 vite-aliases 详解

lph159的博客

09-22

1194

Vite 的插件系统基于 Rollup 插件，允许开发者通过插件扩展 Vite 的功能。Vite 插件的开发模式非常灵活，不仅可以直接使用现有的 Rollup 插件，还可以针对 Vite 的特性进行优化。Vite 插件提供了许多钩子（hooks），用于在构建流程的不同阶段执行特定操作，如文件解析、模块转换、打包等。是一个为 Vite 项目提供路径别名管理的插件，它可以自动生成路径别名映射表，简化配置过程。相比于手动在中配置路径别名，能够动态根据项目结构自动生成别名，提升开发效率。

vue3+vite+TS别名alias设置

earl__的博客

12-23

597

安装@types/node插件，用于在ts中配置nodevite.config.ts 配置好alias。

vite-alias配置，@别名，Vue3+TS的配置

weixin_65014714的博客

11-25

1406

vite-alias配置,@别名的配置，第一次创作文章，Markdown语法不是很熟悉

vite.config.js配置@

范天缘的博客

05-07

1277

使用vue3+vite搭建了一个新项目,这里需要配置一下@ import { defineConfig } from 'vite' import vue from '@vitejs/plugin-vue' import path from 'path' //这个要引入 // https://vitejs.dev/config/ export default defineConfig({ plugins: [vue()], //新增加的 resolve:{ alias:{ '@

vite配置

qq_47040462的博客

07-03

4852

主要配置有：root(源文件路径)、define（全局常量）、resolve（模块解析）、base(静态文件路径)等。以下也是常用的配置（实际根据具体项目而定）

Vue3使用路由及配置vite.alias简化导入写法

曲鸟

11-10

1796

【代码】Vue3使用路由及配置vite.alias简化导入写法。

vite @配置别名 @router

11-05

关于`@vite/config`插件，它允许开发者自定义项目的配置文件，包括路径别名(`alias`)和路由设置(@router)。 `@vite/config`中的路径别名可以用于简化项目路径，例如将长路径替换为简短的别名，这有助于提升代码的...