如何让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 @ 2022-06-05 21:48  IslandZzzz  阅读(223)  评论(0编辑  收藏  举报