Angular 4如何不启用AOT开启生产模式并保留优化特性？

当然可以！Angular CLI完全支持在关闭AOT编译的同时启用生产模式的核心优化特性，这样你就能先拿到代码压缩、摇树优化这些生产环境必备的特性，把AOT相关的代码清理工作留到后续处理。

具体操作步骤 #

直接修改你的构建命令，显式关闭AOT即可：

ng build --prod --aot=false

这个命令会为你带来这些生产特性： #

• 摇树优化（Tree Shaking）：生产模式默认开启，会自动移除代码中未被使用的部分，有效减小最终包体积
• 代码压缩与混淆：包括JavaScript代码的压缩、变量名混淆，以及CSS代码的压缩，和标准--prod构建的优化程度一致
• 生产模式启用：Angular会自动调用enableProdMode()，关闭开发模式下的断言、调试信息和性能监控，提升运行时性能
• 生产环境配置：会自动使用environment.prod.ts中的配置项，和正常生产构建保持一致

需要注意的点 #

1. 包体积会更大：因为JIT编译器会被打包进最终产物里（AOT构建会把编译器排除在外），这是跳过AOT的必然代价
2. 首次加载速度变慢：浏览器需要先加载JIT编译器，再在运行时编译组件模板，所以首次启动应用的时间会比AOT构建的版本长一些
3. 后续AOT迁移建议：虽然现在可以临时跳过AOT，但还是建议尽快处理代码中的AOT兼容问题，比如模板中直接使用服务对象的情况，可以改成通过组件的依赖注入获取服务实例，再把需要在模板中调用的服务方法封装成组件的属性或方法，这样就能满足AOT的要求了

内容的提问来源于stack exchange，提问作者Aiguo