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')}}})...
在Vite中,配置别名通常是通过resolve.alias选项来实现的。这个选项允许我们定义一个对象,对象的键是别名的名称,值是该别名对应的实际路径。 3. 编写代码实现别名配置 以下是一个示例的vite.config.ts文件,其中包含了别名的配置: typescript import { defineConfig } from 'vite'; import path from 'path'; // ...
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内置的功能,但...
vite.config.ts中别名配置 利用node中的path获取绝对路径 // 1. 引入path模块 // 2. 创建resolve方法获取路径 // 3. resove配置项中配置别名constpath=require('path) function resolve(dir) { return path.join(__dirname, './' + dir) } export default defineConfig({ plugins: [uni()], base: '/...
一、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')}}}); ...
根据网上说法,据说在vite3以后,引进了references属性,可以根据环境使用不同的配置,app文件是angular专用的ts配置文件,node是node环境使用,最后tsconfig.json会引用这两份配置。 但是我自己实测,把路径别名配置放tsconfig.json里面,ts无法正常解析@路径,只能放在tsconfig.app.json里面。
使用import引入文件默认是“./……”上下层级多一些的时候难免就会出错,设置一个基础目录的别名就比较有用了。 在vite.config.ts中添加配置 // vite.config.ts// 导入path模块importpathfrom'path'// defineConfig添加以下内容resolve:{alias:{'@':path.resolve(__dirname,'src')}}// 例如import{defineConfig...
ts 文件内使用别名 编辑tsconfig.app.json,compilerOptions字段添加如下配置。 "types": ["element-plus/global"], "baseUrl":"./", "paths": { "@/*": ["src/*"] } vue 文件内使用别名 编辑vite.config.ts, 内容如下。 import{ defineConfig }from'vite' ...
配置路径别名@ 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 ...
配置vite.config.ts文件 // vite.config.tsimport{ defineConfig }from'vite';import{ dirname }from'path';import{ fileURLToPath }from'url';const__filename =fileURLToPath(import.meta.url);const__dirname =dirname(__filename);exportdefaultdefineConfig({resolve: {alias: {'/@/':`$${__dirname...