react+vite+ts关于路径别名的配置

1.配置路径别名

第一步:找到vite.config.ts文件

第二步:引入path

第三步:写入下图红框代码

备注:本项目使用的是TS,因此需要下载安装关于node这个库的ts的声明配置

npm i -D @types/node

安装成功后，如果path还有报红，将引入path换成import * as from 'path

2.配置路径别名的提示

第一步:找到tsconfig.json文件

第二步:写入下图红框内的内容

react+vite+ts关于路径别名的配置相关推荐

vue3 + vite + ts 设置 @ 路径别名
由于 vite 创建项目后,tsconfig.json 已配置好对应别名,因此只需单独配置 vite.config.ts 即可. 目前 tsconfig.json 中应已有如下代码 "pat ...
【vue3】vue3+ts+vite项目设置路径别名
解决流程 1.安装依赖 npm install @types/node -D 2.tsconfig.json配置 {"compilerOptions": {....."b ...
vite + react + ts 配置路径别名alias
vite + react + ts 配置路径别名alias vite + react + ts 配置路径别名alias 首先下载 @types/node 包第一步配置 tsconfig.js 第二部 ...
vue3+ts+vite 路径别名配置
找vite.config.js.ts文件,进行配置.路径别名如果是单个的话,alias后面写对象,多个的话写数组,里面再放对象. import { defineConfig } from 'vite' ...
Vite ( Vue + TS ) 项目配置 @ 路径别名
1. 下载 @types/node 包 path 模块是 node.js 的内置模块,而 node.js 默认不支持 ts 文件的,所以需要安装 @type/node 依赖包 npm install ...
vite使用vite-aliases插件配置路径别名
介绍 vite-aliases支持Vite4.x版本. vite-aliases是一款vite社区插件,会自动生成一些import路径别名方面的设置(项目根路径下jsconfig.json可自行配置) ...
php设置路径别名,react设置文件路径别名的具体方法你知道么
文章环境: "react": "^16.13.1" 版本 react官方脚手架默认是将webpack配置隐藏起来了,在进行配置之前需要将webpack给暴露出来 ...
【记录】VUE3 + VITE + TS 配置跨域
[记录]VUE3 + VITE + TS 配置跨域在vite.config.ts进行如下设置在vite.config.ts进行如下设置 server: {host: true,// 设置端口号po ...
开发Vue或React项目时路径别名智能提示方案
开发Vue或React项目时路径别名智能提示方案前言在我们开发Vue或React项目时,每次配置完路径别名,在输入路径时都没有对应的智能提示路径,如何解决这个痛点呢? 笔者通常都是使用vscode ...

react+vite+ts关于路径别名的配置

1.配置路径别名

2.配置路径别名的提示

react+vite+ts关于路径别名的配置相关推荐

最新文章

热门文章