使用vite新搭建react项目,都需要配置什么?

使用vite搭建react项目,为了使用开发方便,提高效率,加了以下配置,后续在开发的过程中还会再加一些配置

1: 热更新

在修改代码之后,页面实时刷新

vite.config.ts中加上

javascript 复制代码
	server: {
		hmr: true, //热更新
                }

2:项目启动,自动打开浏览器

vite.config.ts中配置

javascript 复制代码
	server: {
		open: true, //项目启动后,自动打开
                }

3: 配置运行地址可以访问

package.json文件中配置

就可以啦

以上是我在项目中的配置,后续在项目中再新加其它的配置,会持续更新该篇文章的,大家都添加了什么配置呢?可以评论里分享一下哟!

相关推荐
默_笙27 分钟前
💫 闭包是个背包:拆解小米前端面试题里的三道"闭包陷阱"
前端·javascript·面试
天若有情67335 分钟前
粒子星空背景单页HTML模板|炫酷动态星空特效网页(纯前端)
前端·html·css动画·网页特效·粒子星空·静态网页模版
工业涂料百问38 分钟前
【趋势前沿】系列(三)工业涂料国产替代的三个台阶:航空、海工、电子的突破路径与认证壁垒
前端
前端snow1 小时前
ai agent --- agentic RAG
前端
gyratesky1 小时前
记录一种很新的大屏开发方式
前端·数据可视化
xy34532 小时前
Axure 9.0 中继器核心结构
前端·ui·html·axure·原型·产品设计
老王以为2 小时前
走进 AI Agent 第四篇(上):知识获取管道——RAG 基础
前端·人工智能·全栈
夏天要喝冰可乐2 小时前
一处写作,多平台分发:我给掘金做了一款开源 Chrome 插件
前端·chrome·vibecoding
货拉拉技术2 小时前
货拉拉开源Hadice:安卓 & 鸿蒙桌面调试工具
前端