vite4.3已发布，本文介绍了改造一个2018年的react老项目到vite4.3全过程，并对碰到的错误进行一一说明和解答。

前言 前期技术准备 在开始之前，假设你已经有了对threejs基本api的了解，包含但不限于 场景、灯光、相机、控制器、几何体、材质和纹理等。 另外就是：react 的基础，当前项目是以react 框

背景 前段时间学习了一下React，感觉学起来还是比较愉快的，遂迫不及待的写了个项目牛刀小试了一下；学的时候感觉很多东西就是这么回事，但是真正实践起来确实也碰到了很多意想不到的问题，但是通过强大的搜索

threejs 是一个 3D JavaScript库，用于在网页上呈现3D内容。它是一个开源项目，旨在创建一个易于使用、轻量级、跨浏览器、通用的3D库。 当前版本包括WebGL（Web图形库）渲染器和

为什么不能在vite构建的项目中使用require，我们可以通过安装插件来解决vite构建的项目不能使用require的问题

为什么使用vite 开发时能提高效率。 vite让浏览器接管了打包程序的部分工作，以原生 ESM 方式提供源码。所以vite只需要在浏览器请

环境配置 前端的一些大型项目都使用脚手架开发，脚手架需要借助node环境。 终端输入 node -v 即可查看当前node版本。 如果电脑没有node环境，必须进行安装。 构建工具与脚手架 构建工具