使用parcel搭建three.js开发环境（Parcel搭建开发环境，手把手教学）

简述：Parcel 快速，零配置的 Web 应用程序打包器，比webpack更加轻量级，项目中用到的任何关于sass、less、图片、路径、及各种解析都是零配置，拿来即用型，只需要在package.json中引入对应的parcel、parcel-bundler，然后根据官网提示配置即可，它使用 worker 进程去启用多核编译，同时有文件系统缓存，即使在重启构建后也能快速再编译，实现实时编译。

1、在Vs Code中新建parcel_dem文件，cd进去；

 

2、然后使用npm init命令，生成package.json文件（输入命令后，一直按回车健）；

npm init

3、安装Parcel依赖，生成node_modules文件；

npm install parcel-bundler 

 

4、在package.json中，修改目标文件和输出文件；

官网文档 ：

更换目标文件和输出文件文件：

 

 这是整体的目录结构，src文件下的所有子文件都是自己创建的：

5、安装生产环境所需依赖；

npm install parcel-bundler --save-dev

6、安装three.js依赖；

npm install three

7、在js中导入 three.js核心库；

8、npm run dev 启动项目，控制台输出成功；

使用threejs生成一个简单的3d模型https://blog.csdn.net/weixin_65793170/article/details/129747723?spm=1001.2014.3001.5501

More>>

Parcel1官网https://www.parceljs.cn/getting_started.html

Parcel2官网https://v2.parceljs.cn/docs/

Three.js官网https://threejs.org/