其他分享
首页 > 其他分享> > 如何让Vite支持一个已有项目

如何让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

标签:npm,支持,编译,export,Vite,plugins,reactRefresh,已有,vite
来源: https://www.cnblogs.com/ltfxy/p/16345245.html