如何让Vite支持一个已有项目

安装vite依赖

npm i vite -D

vite.config.js

import reactRefresh from '@vitejs/plugin-react-refresh'
export default {
    plugins:[reactRefresh()]
}

在index.html中添加vite入口文件

<div id="root"></div>
<!-- 添加vite入口文件 -->
<script type="module" src="./src/index.jsx"></script>

npm run vite

vite启动的时候其实没有做编译,或者只做了一些预编译,初次访问只需要编译首页需要加载的内容
vite开发环境时使用了ESBuild

posted @   IslandZzzz  阅读(258)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· winform 绘制太阳,地球,月球 运作规律
· 震惊!C++程序真的从main开始吗?99%的程序员都答错了
· AI与.NET技术实操系列(五):向量存储与相似性搜索在 .NET 中的实现
· 【硬核科普】Trae如何「偷看」你的代码?零基础破解AI编程运行原理
· 超详细:普通电脑也行Windows部署deepseek R1训练数据并当服务器共享给他人
历史上的今天:
2020-06-05 初探Promise 中断与异常传送
2020-06-05 Javascript Map 对象/数组与map的相互转换
2020-06-05 初探immutable Redux+immutable实现todolist
点击右上角即可分享
微信分享提示