1. 配置vite.config.ts Vite 默认支持通过 alias 来配置路径别名。我们需要在 vite.config.ts 中添加相关的别名配置。以下是示例: // vite.config.tsimport{defineConfig}from'vite';importreactfrom'@vitejs/plugin-react';import{resolve}from'path';exportdefaultdefineConfig({plugins:[react()],resolve:{alias...
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的配置文件通常是vite.config.js或vite.config.ts。在这个文件中,你可以添加别名配置。 以下是一个示例vite.config.js文件,其中包含了别名配置: javascript import { defineConfig } from 'vite'; import react from '@vitejs/plugin-react'; import path from 'path'; export default defineConfig({ plugins...
我们只需要在vite.config.ts中添加如下配置: import { defineConfig } from 'vite' import react from '@vitejs/plugin-react' import path from "path"; // https://vitejs.dev/config/ export default defineConfig({ plugins: [react()], resolve: { alias: { "@": path.resolve(__dirname, "src"...
ts中对于@符号指定的路径不支持,同时vite中也是不支持的,所以我们需要在vite.config.ts中进行指定配置,path是node中自带的一个模块这里爆红的原因是没有进行声明: 我们使用命令对path进行单独的声明之后就不会爆红了。 这样我们在引入的时候就可以直接使用@符号来代替点号了: ...
1.1 使用Vite新建项目 1.2 安装并运行项目 1.3 精简项目 2 Vite基础配置 2.1 配置国内镜像源 2.2 支持Sass/Scss/Less/Stylus 2.3 设置dev环境的Server端口号 2.4 设置dev环境自动打开浏览器 2.5 设置路径别名 3 项目架构搭建 3.1 项目目录结构设计 3.2 关于样式命名规范 3.3 设置全局公用样式 4 引入Ant Design 5...
vite.config.ts配置 // ...resolve: {// 配置别名alias: {'@': path.join(__dirname,'./src'),'@components': path.join(__dirname,'./src/components'),'@utils': path.join(__dirname,'./src/utils') } },// ... 配置tsconfig.json ...
局部安装vite 全局安装vite 使用 安装完成之后运行: 可以配置.env的开发环境、测试环境、生产环境 配置路径别名vite.config.js 接着新建一个Home...
test: @你那刹车皮不要修 一般来说配置别名有两个地方,一个是启动工具的设置,一个是tsconfig的设置,比如如果是一个vite项目,那么需要在vite.config.js里面的resolve下配置alias别名,然后检查tsconfig.js的配置是否正确;如果是其他项目,那么同样需要去配置相应的xx.config.js,都是一样的 回复2023-12-11 来自四川 ...