Vite的配置文件通常是vite.config.js或vite.config.ts。 在配置文件中,可以通过resolve.alias属性来设置路径别名。 在vite配置文件中为react项目配置@路径别名: javascript // vite.config.js 或 vite.config.ts import { defineConfig } from 'vite'; import react from '@vitejs/plugin-react'; import path...
方案一,使用vite-plugin-eslint,这个会在报错时在页面上显示报错信息。 方案二,使用 VSCode 的 ESlint 插件去使用 ESLint,这个是在代码上出现红线报错。(个人更喜欢这种) 方案二直接用插件即可,方案一需要安装一下库: yarnaddvite-plugin-eslint -D 安装完毕后,在vite.config.ts中配置: //...importeslint f...
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')}}})...
yarn create vite // 根据提示选择配置即可 vite 提供的选项很少,只有 react 或 react + ts 2、配置环境变量 vite 提供了开发模式和生产模式 这里我们可以建立 4 个.env文件,一个通用配置和三种环境:开发、测试、生产。 env文件中的变量名建议以VITE_APP开头,和vue cli中的VUE_APP相同 ,用法也一致 .env文件 ...
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...
三. Vite 配置 上面我们规划了项目的目录结构,接着我们配置下vite。 3.1. 配置路径别名 配置路径别名之后可以省去写冗长的相对路径。 我们只需要在vite.config.ts中添加如下配置: import { defineConfig } from 'vite' import react from '@vitejs/plugin-react' ...
@你那刹车皮不要修 一般来说配置别名有两个地方,一个是启动工具的设置,一个是tsconfig的设置,比如如果是一个vite项目,那么需要在vite.config.js里面的resolve下配置alias别名,然后检查tsconfig.js的配置是否正确;如果是其他项目,那么同样需要去配置相应的xx.config.js,都是一样的 回复2023-12-11 来自四川 ...
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')//配置@别名 ...
局部安装vite 全局安装vite 使用 安装完成之后运行: 可以配置.env的开发环境、测试环境、生产环境 配置路径别名vite.config.js 接着新建一个Home...