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

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

1: 热更新

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

vite.config.ts中加上

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

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

vite.config.ts中配置

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

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

package.json文件中配置

就可以啦

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

相关推荐
刘卓航众创芯云服务部9 分钟前
Kimi K3复杂任务实测:我把团队最头疼的三个场景全跑了一遍
前端
cll_86924189119 分钟前
一个好看的Wordpress博客文字css样式
前端·css·ui
糖果店的幽灵24 分钟前
langgraph分支之 - 动态分支(Dynamic Branch)
java·前端·javascript·人工智能·langgraph
meilindehuzi_a34 分钟前
Workflow 与 Agent 有什么区别:从 LangChain 流水线到智能体决策
前端·人工智能
三翼鸟数字化技术团队35 分钟前
一种前端大屏适配方案
前端·css
程序员黑豆1 小时前
鸿蒙应用开发:ForEach 循环渲染用法详解
前端·harmonyos
亿元程序员1 小时前
90%的Cocos开发者不知道,插件还能这么玩!
前端
布兰妮甜2 小时前
从 0 搭建企业级 Vue3/Vite 脚手架(规范、eslint、husky、打包、环境变量全流程)
typescript·vue3·vite·脚手架·前端工程化
空中湖2 小时前
Spring AI Agent 编排:ReAct 模式 + 多 Agent 协作实战
人工智能·spring·react.js
吃糖的小孩2 小时前
从只读页面到可控真实探针:我如何给 Owner Console 加手动诊断
前端