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"...
局部安装vite 全局安装vite 使用 安装完成之后运行: 可以配置.env的开发环境、测试环境、生产环境 配置路径别名vite.config.js 接着新建一个Home...
如何设置路径别名 1.增加alias // vite.config.jsimport{defineConfig}from'vite';exportdefaultdefineConfig({resolve:{alias:{'@':'/src',},}}); 2.配置tsconfig.json,有tsconfig.app.json 直接配置tsconfig.app.json就行 { "compilerOptions": { ...
1.2 修改vite.config配置文件 配置别名 vite.config: import { defineConfig } from 'vite' import react from '@vitejs/plugin-react' import path from 'path'; export default defineConfig({ plugins: [react()], resolve: { alias:{ "@":path.resolve(__dirname,'./src')//配置@别名 ...
@你那刹车皮不要修 一般来说配置别名有两个地方,一个是启动工具的设置,一个是tsconfig的设置,比如如果是一个vite项目,那么需要在vite.config.js里面的resolve下配置alias别名,然后检查tsconfig.js的配置是否正确;如果是其他项目,那么同样需要去配置相应的xx.config.js,都是一样的 回复2023-12-11 来自四川 ...
vite.config.ts ⬆️ antd 升级 5.0.0 2年前 环境 一、创建项目 二、项目目录初始化 三、样式初始化 四、scss 安装 五、配置项目路径别名 5.1 路径别名 5.2 路径别名提示 六、样式模块化 七、Ant Design 安装 1. 安装 2. 按需引入 2.0.0 版本 更换了方法,需要安装 ...
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...