AI 助理
文档备案控制台
开发者社区 云计算 文章 正文

Angular6之ng build | ng build --aot | ng build --prod 差异

2018-05-29 2369
版权
版权声明：
本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《 阿里云开发者社区用户服务协议》和 《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写 侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
简介： 由于写了大半年的项目终于要告一段落并且即将进行第二阶段优化开发，emmm 基础版本已经二十多个模块了，必不可少的优化是很重要的，尽管项目上使用多层嵌套懒加载，但是在首屏加载的时候，任然很慢啊，因为一直没有做严格编译，现在要编译啊，有点晚了，发现一堆报错，然后要一个坑一个坑慢慢踩过去了，今天做了试验，关于三种编译模式下的最终效果的对比，仅仅只是一个结果报告，至于原理这里先不做说明了。

 

由于写了大半年的项目终于要告一段落并且即将进行第二阶段优化开发，emmm 基础版本已经二十多个模块了，必不可少的优化是很重要的，尽管项目上使用多层嵌套懒加载，但是在首屏加载的时候，任然很慢啊，因为一直没有做严格编译，现在要编译啊，有点晚了，发现一堆报错，然后要一个坑一个坑慢慢踩过去了，今天做了试验，关于三种编译模式下的最终效果的对比，仅仅只是一个结果报告，至于原理这里先不做说明了。

 

三种编译下的文件输出

 

 三种文件模拟服务请求的请求时间对比

 

 

 

ng build --prod --build--optimizer // 编译后进一步压缩文件的大小

 

作者：承蒙时光
出处：http://www.cnblogs.com/timetimetime/
本文版权归作者和博客园共有，欢迎转载，但未经作者同意必须保留此段声明，且在文章页面明显位置给出原文连接，否则保留追究法律责任的权利。

关键词：
Angular aot
Angular差异
Angular build
Angular ng
Angular build prod
承蒙时光
目录
相关文章
土木林森
|
开发者 Java 开发框架
JSF与EJB，打造企业级应用的神器！让你的Web应用更加稳定、高效！
【8月更文挑战第31天】在现代企业级应用开发中，JSF（JavaServer Faces）与EJB（Enterprise JavaBeans）是两大核心技术。JSF作为一款基于Java的Web应用框架，以其丰富的UI组件和表单处理功能著称；EJB则专注于提供分布式事务处理及远程调用等企业级服务。两者的结合为企业应用带来了高效便捷的开发模式。下文将通过一个简单的示例展示如何利用JSF进行用户信息的输入与保存，并借助EJB实现相关业务逻辑。尽管这一组合具有明显优势，但在实际应用中还需考虑其局限性并作出合理选择。
土木林森
274 0
你挚爱的强哥
|
应用服务中间件 nginx
Angular打包构建项目服务器运行runtime.js、polyfills.js、vendor.js报错net::ERR_ABORTED 404 (Not Found)，build修改为相对路径./
Angular打包构建项目服务器运行runtime.js、polyfills.js、vendor.js报错net::ERR_ABORTED 404 (Not Found)，build修改为相对路径./
你挚爱的强哥
463 1
架构师研究会
|
XML 存储 监控
【前端架构】从 JQuery 到 React、Vue、Angular——前端框架的演变及其差异
【前端架构】从 JQuery 到 React、Vue、Angular——前端框架的演变及其差异
架构师研究会
382 0
前端歌谣
angular8-本地运行ng文档
angular8-本地运行ng文档
前端歌谣
180 0
angular8-本地运行ng文档
承蒙时光
|
JavaScript Java
ANGULAR 使用 ng build --prod 编译报内存错误的解决办法
如果你遇到如下的情况 [13724:0000020D39C660D0] 231298 ms: Mark-sweep 1356.3 (1433.6) -> 1356.3 (1433.6) MB, 1194.
承蒙时光
2829 0
vNext
|
Web App开发 JavaScript 前端开发
使用Angular CLI进行Build (构建) 和 Serve
第一篇文章是: "使用angular cli生成angular5项目" : http://www.cnblogs.com/cgzl/p/8594571.html 第二篇文章是: "使用angular cli从蓝本生成代码" : http://www.
vNext
2471 0
互联网编程
angular-cli ng build正常，ng build -prod报错怎么解决？
如题，版本信息： image ng build -prod报错：报的全是这种错，但是ng build就是正常的，难道不能AOT？ image an 按照错误提示修改，继续打包
互联网编程
1527 0
知与谁同
|
JavaScript
angular-oauth2 —— NG 的 OAuth2 认证模块
知与谁同
2231 0
土木林森
|
开发者 前端开发 开发框架
JSF与移动应用，开启全新交互体验！让你的Web应用轻松征服移动设备，让用户爱不释手！
【8月更文挑战第31天】在现代Web应用开发中，移动设备的普及使得构建移动友好的应用变得至关重要。尽管JSF（JavaServer Faces）主要用于Web应用开发，但结合Bootstrap等前端框架，也能实现优秀的移动交互体验。本文探讨如何在JSF应用中实现移动友好性，并通过示例代码展示具体实现方法。使用Bootstrap的响应式布局和组件可以确保JSF页面在移动设备上自适应，并提供友好的表单输入和提交体验。尽管JSF存在组件库较小和学习成本较高等局限性，但合理利用其特性仍能显著提升用户体验。通过不断学习和实践，开发者可以更好地掌握JSF应用的移动友好性，为Web应用开发贡献力量。
土木林森
231 1
土木林森
|
API 开发者 UED
PrimeFaces：JSF的魔法衣橱，解锁UI设计的无限可能！
【8月更文挑战第31天】本文介绍如何结合 JSF（JavaServer Faces）和 PrimeFaces 构建美观且功能强大的现代用户界面。PrimeFaces 提供丰富的 UI 组件库，包括按钮、输入框、数据网格等，支持现代 Web 标准，简化界面开发。文章通过具体示例展示如何使用 `<p:inputText>` 和 `<p:calendar>` 等组件创建用户表单，并用 `<p:dataTable>` 展示数据集合，提升 JSF 应用的易用性和开发效率。
土木林森
373 0