标题：🚀 极速构建：Angular Esbuild 让你的应用起飞！

标题：🚀 极速构建：Angular Esbuild 让你的应用起飞！

1、项目介绍

Angular Esbuild 是一个基于Esbuild的超快速Angular编译器，旨在大幅度提升你的开发效率和生产环境构建速度。这个工具将Esbuild的强大性能与Angular框架的特性相结合，让你的项目在毫秒之间完成构建，而不是等待数十秒。

2、项目技术分析

Angular Esbuild 利用了Esbuild——一个由Go语言编写的高性能构建工具，通过其插件API进行扩展以适应Angular的需求。它能够处理TS文件，管理依赖注入，解析样式，并实现代码分割等功能。此外，Angular Esbuild 还能处理SCSS文件，支持3rd-party样式的处理，以及动态路由（loadChildren）等Angular特有的特性。

3、项目及技术应用场景

• 快速开发 —— 当你在开发过程中频繁地执行构建操作时，Angular Esbuild 的高速性能将显著减少等待时间，提高开发效率。
• 持续集成/持续部署(CI/CD) —— 在CI/CD流程中，快速构建意味着更快的反馈循环和更高的生产力。
• 大型项目优化 —— 对于包含大量组件和模块的大型Angular应用，Angular Esbuild 可以有效解决构建时间过长的问题。

4、项目特点

• 50倍加速 —— 相比传统的ng build，Angular Esbuild 的构建速度提升了50倍以上，生产环境构建可以在200毫秒内完成。
• 全面支持 —— 大部分Angular特性如模板URL、样式导入、依赖注入和动态加载子路由等都得到了很好的支持。
• 简单安装和使用 —— 只需一条命令即可全局或本地安装，然后通过package.json脚本轻松启动构建过程。
• 灵活配置 —— 提供多种命令行参数和NodeJS API调用选项，满足个性化需求。

安装与使用

# 全局安装
npm i -g ngc-esbuild
# 或者本地安装
npm i ngc-esbuild

添加到package.json，并运行构建：

"scripts": {
  "esbuild": "ngc-esbuild"
}

npm run esbuild

Angular Esbuild 是一个处于早期Alpha版本的项目，虽然有一些限制（比如不完全支持SCSS中的:root伪选择器和Less样式），但它的潜力和性能提升是不容忽视的。如果你追求高效的开发体验，那么Angular Esbuild绝对值得你尝试。

最后，我们非常欢迎开发者参与贡献，一起让Angular Esbuild 更加完善！项目的详细信息和贡献指南可以查看项目仓库中的相关文档。

访问项目GitHub仓库

许可证：MIT