1、安装第三方Node包 npm i @types/node -D 2、配置别名路径 image.png import{defineConfig}from'vite'importreactfrom'@vitejs/plugin-react'importpathfrom'path'// https://vitejs.dev/config/exportdefaultdefineConfig({plugins:[react()],resolve:{alias:{'@':path.resolve(__dirname,'./src')}}})...
resolve: { extensions: ['.js', '.ts', '.vue', '.json', '.scss'], alias: { '@': resolve('src'), '@api': resolve('src/api')}}}) 此时配置完成即可在项目中使用别名,但ts中使用时,会提示报红(但不影响正常功能) ts中提示找不到模块 解决ts报红 在tsconfig.json中添加配置 项目结构图...
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内置的功能,但...
1、配置 tsconfig.json 在compilerOptions设置baseUrl项目根目录路径 compilerOptions:{"baseUrl":"./",} 在compilerOptions下设置paths选项来指定你的别名配置 compilerOptions:{"baseUrl":"./","paths":{"@/*":["src/*"]}} 2、配置 vite.config.ts 设置alias import{ defineConfig }from'vite'importvuefr...
一、vite.config.ts 具体代码如下,由于是uniapp项目,所以会有 uni 的导入 import{defineConfig}from"vite";importunifrom"@dcloudio/vite-plugin-uni";import{resolve}from'path'exportdefaultdefineConfig({plugins:[uni()],resolve:{alias:{'@':resolve(__dirname,'./src')}}}); ...
vite项目配置路径别名 使用vite开发vue3项目时,如果想要配置路径别名,可以通过下面的几个步骤进行配置。 首先,因为开发环境是ts,并且还要使用到node中的path模块,所以需要先安装一下node的类型声明文件。 npm i -D @types/node 安装完成后,就可以在vue.config.ts中增加如下的配置。
ts部分,网上都说在tsconfig.json文件中配置,但是想要正常使用路径别名,配置必须放在tsconfig.app.json文件里面 ——— 使用vite创建基于vue+ts模板生成的项目文件,根目录下会存在tsconfig.json、tsconfig.app.json、tsconfig.node.json三个ts配置文件。 根据网上说法,据说在vite3以后,引进了references属性,可以根据环境...
配置路径别名@ 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 ...
路径别名是为了方便模块文件引入,比如有src/util/time_util.ts这样一个模块。如果没有路径别名,可能有的是import time_util from './time_util',有的是import time_util from '../../../../../time_util'这样引入。而有了路径别名,不管当前模块文件在哪个路径,都可以统一用import time_util from '@/uti...