threejs-edit

Three.js Editor 编辑器模块打包构建。

源码来自 qaiu/three.js 的 editor/ 目录，使用 Vite 完成打包构建。

目录结构

threejs-edit/
├── src/          # editor 源码（来自 three.js editor/）
│   ├── index.html
│   ├── css/
│   ├── js/
│   │   ├── *.js        # 编辑器核心模块
│   │   ├── commands/   # 命令模块
│   │   └── libs/       # 第三方库
│   └── ...
├── dist/         # Vite 构建产物（静态文件）
├── package.json
├── vite.config.js
└── README.md

本地开发

npm install
npm run dev    # 启动开发服务器（http://localhost:8080）

构建

npm run build      # 构建依赖库到 dist/
npm run build:app  # 构建编辑器页面到 dist-app/
npm run preview    # 预览编辑器页面构建产物

说明

• src/ 目录保持与原始 three.js editor 相同的文件结构
• three.js 相关依赖通过 npm 安装与解析（three、three-gpu-pathtracer、three-mesh-bvh）
• src/js/libs/ 目录下的第三方库（codemirror、acorn、ternjs 等）以 <script src> 方式引入

作为依赖库使用

安装：

npm install threejs-edit three

引用：

import 'threejs-edit/style.css';
import { Editor, Viewport, Sidebar, Menubar, Toolbar } from 'threejs-edit';

建议由宿主项目提供 three，以避免重复打包。