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

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

1: 热更新

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

在vite.config.ts中加上

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

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

在vite.config.ts中配置

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

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

在package.json文件中配置

就可以啦

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

相关推荐
lpfasd1233 小时前
node-sass 停止维护!老项目迁移 Dart Sass 完整教程
前端·rust·sass
Data analyse4566 小时前
rnweb 回放数据量太大怎么办?分片存储与断点续传的实现思路
前端·网络·算法·数据分析
xiaogai_gai6 小时前
金蝶收料通知单查询策略实战教程:从源系统拉取到中间层落地的完整路径
java·前端·数据库
环境栈笔记6 小时前
指纹浏览器 WebRTC 怎么设置?从 ICE 候选、代理出口到功能验证
前端·人工智能·后端·自动化
赵大仁7 小时前
官网性能优化实战:LCP 3.2s → 2.1s、CLS 0.107 → 0,以及被我推翻的 6 个判断
前端·性能优化·cls·lcp·core web vitals
xiancai_xianyu7 小时前
Text2SQL落地生产库前,SQL要过哪三道闸
前端·数据库·sql·sql注入·text2sql·ai agent开发·企业级ai框架
小羊没烦恼!7 小时前
T-SQL查询进阶--理解SQL SERVER中的分区表
服务器·开发语言·前端·javascript·html
史瓦辛格7 小时前
给 DeepSeek Harness 写费用插件:把「这次会话花了多少钱」算准
前端·deepseek
星光不问赶路人7 小时前
Vue 3 + TypeScript 中 enum 的使用实践
前端·vue.js
鸥梨菌Honevid7 小时前
UVM 中 REQ 和 RSP 类型详解:从通信模型到 item_done 与 put_response
java·前端·servlet