DEV Community
·
使用esbuild打包你的phaser.js游戏
💡
原文英文，约800词，阅读约需3分钟。
📝
内容提要
这篇文章介绍了使用esbuild打包Phaser项目的工作流程。首先设置项目，然后创建文件夹和文件，添加Phaser依赖和dev依赖。接下来创建文件夹和文件结构，包括src文件夹和scripts文件夹。然后编写app.ts和index.html文件作为入口点。使用esbuild进行打包，并添加watch模式和build模式。最后，作者提供了GitHub上的最终代码。
🎯
关键要点
- 文章介绍了使用esbuild打包Phaser项目的工作流程。
- 首先设置项目，使用yarn初始化新项目并添加Phaser和开发依赖。
- 创建src文件夹和scripts文件夹，组织项目结构。
- 编写app.ts和index.html文件作为入口点。
- 使用esbuild进行打包，创建dist文件夹作为输出目录。
- 添加watch模式以便实时监控文件变化并自动重载浏览器。
- 提供build模式的脚本以清理dist目录并进行新构建。
- 最终代码可在GitHub上找到，鼓励读者反馈问题。
➡️
