vite.config.ts是Vite项目的核心配置文件,它导出一个配置对象,该对象可以包含多种配置选项,如插件、别名、代理等。 2. 学习如何在vite.config.ts中配置别名 在Vite中,配置别名通常是通过resolve.alias选项来实现的。这个选项允许我们定义一个对象,对象的键是别名的名称,值是该别名对应的实际路径。
在Vite项目中,你可以通过修改vite.config.ts(或vite.config.js)文件来设置别名。下面是一个基本的例子: // vite.config.tsimport { defineConfig } from 'vite'import path from 'path'export default defineConfig({resolve: {alias: {// 为 src 目录设置别名'@': path.resolve(__dirname, './src'),/...
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内置的功能,但...
resolve: { extensions: ['.js', '.ts', '.vue', '.json', '.scss'], alias: { '@': resolve('src'), '@api': resolve('src/api')}}}) 此时配置完成即可在项目中使用别名,但ts中使用时,会提示报红(但不影响正常功能) ts中提示找不到模块 解决ts报红 在tsconfig.json中添加配置 项目结构图...
一、让vite做路径解析 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(__di...
/*别名配置*/"baseUrl": "./","paths": {"@/*": ["src/*"]},/*Linting*/"strict":true,"noUnusedLocals":true,"noUnusedParameters":true,"noFallthroughCasesInSwitch":true},"include": ["src/**/*.ts", "src/**/*.tsx", "src/**/*.vue"],"references": [{ "path": "./...
vite.config.ts 配置如下: export default defineConfig(({ command, mode }) => { const env = loadEnv(mode, __dirname) return { resolve: { alias: { "@": path.resolve(__dirname, "./src"), "@components": path.resolve(__dirname, "./src/components"), } }, } }) tsconfig.json ...
使用import引入文件默认是“./……”上下层级多一些的时候难免就会出错,设置一个基础目录的别名就比较有用了。 在vite.config.ts中添加配置 // vite.config.ts// 导入path模块importpathfrom'path'// defineConfig添加以下内容resolve:{alias:{'@':path.resolve(__dirname,'src')}}// 例如import{defineConfig...
【Vue】vite + ts 配置别名 import { defineConfig } from 'vite' import vue from '@vitejs/plugin-vue' import {resolve} from 'path' function _resolve(dir: string) { return resolve(__dirname, dir) } // https://vitejs.dev/config/