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

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

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

 

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

 

三种编译下的文件输出

 

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

 

 

 

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

 

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

关键词：
Angular aot
Angular差异
Angular build
Angular ng
Angular build prod
承蒙时光
目录
相关文章
土木林森
|
4月前
|
开发者 Java 开发框架
JSF与EJB，打造企业级应用的神器！让你的Web应用更加稳定、高效！
【8月更文挑战第31天】在现代企业级应用开发中，JSF（JavaServer Faces）与EJB（Enterprise JavaBeans）是两大核心技术。JSF作为一款基于Java的Web应用框架，以其丰富的UI组件和表单处理功能著称；EJB则专注于提供分布式事务处理及远程调用等企业级服务。两者的结合为企业应用带来了高效便捷的开发模式。下文将通过一个简单的示例展示如何利用JSF进行用户信息的输入与保存，并借助EJB实现相关业务逻辑。尽管这一组合具有明显优势，但在实际应用中还需考虑其局限性并作出合理选择。
土木林森
59 0
你挚爱的强哥
|
7月前
|
应用服务中间件 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修改为相对路径./
你挚爱的强哥
250 1
架构师研究会
|
XML 存储 监控
【前端架构】从 JQuery 到 React、Vue、Angular——前端框架的演变及其差异
【前端架构】从 JQuery 到 React、Vue、Angular——前端框架的演变及其差异
架构师研究会
174 0
前端歌谣
angular8-本地运行ng文档
angular8-本地运行ng文档
前端歌谣
111 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.
承蒙时光
2675 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
2341 0
互联网编程
angular-cli ng build正常，ng build -prod报错怎么解决？
如题，版本信息： image ng build -prod报错：报的全是这种错，但是ng build就是正常的，难道不能AOT？ image an 按照错误提示修改，继续打包
互联网编程
1436 0
知与谁同
|
JavaScript
angular-oauth2 —— NG 的 OAuth2 认证模块
知与谁同
2122 0
土木林森
|
4月前
|
API 开发者 UED
PrimeFaces：JSF的魔法衣橱，解锁UI设计的无限可能！
【8月更文挑战第31天】本文介绍如何结合 JSF（JavaServer Faces）和 PrimeFaces 构建美观且功能强大的现代用户界面。PrimeFaces 提供丰富的 UI 组件库，包括按钮、输入框、数据网格等，支持现代 Web 标准，简化界面开发。文章通过具体示例展示如何使用 `<p:inputText>` 和 `<p:calendar>` 等组件创建用户表单，并用 `<p:dataTable>` 展示数据集合，提升 JSF 应用的易用性和开发效率。
土木林森
71 0
土木林森
|
4月前
|
开发者 安全 SQL
JSF安全卫士：打造铜墙铁壁，抵御Web攻击的钢铁防线！
【8月更文挑战第31天】在构建Web应用时，安全性至关重要。JavaServer Faces (JSF)作为流行的Java Web框架，需防范如XSS、CSRF及SQL注入等攻击。本文详细介绍了如何在JSF应用中实施安全措施，包括严格验证用户输入、使用安全编码实践、实施内容安全策略(CSP)及使用CSRF tokens等。通过示例代码和最佳实践，帮助开发者构建更安全的应用，保护用户数据和系统资源。
土木林森
62 0

热门文章

最新文章

  • 1
    Angular4总结（二）—— 路由
  • 2
    使用VScode开发Angular
  • 3
    Angular 怎样绑定 Html
  • 4
    ngCloak 实现 angular 初始化闪烁最佳实践
  • 5
    angular controller as syntax vs scope
  • 6
    Angular 4 管道
  • 7
    掌握 Angular2 的依赖注入
  • 8
    SpreadJS 在 Angular2 中支持哪些事件？
  • 9
    Angular学习笔记
  • 10
    AngularJs Angular数据类型判断
  • 1
    【专栏：HTML与CSS前端技术趋势篇】前端框架（React/Vue/Angular）与HTML/CSS的结合使用
    113
  • 2
    【TypeScript技术专栏】TypeScript在Angular开发中的应用
    89
  • 3
    angular引入包、路由权限配置、打包问题与nginx配置问题（简单部署）
    180
  • 4
    【angular】启动项目和路由配置
    56
  • 5
    云HIS医疗管理系统源码——技术栈【SpringBoot+Angular+MySQL+MyBatis】
    229
  • 6
    JAVA云HIS医院管理系统源码、基于Angular+Nginx+ Java+Spring，SpringBoot+ MySQL + MyCat
    143
  • 7
    【超实用】Angular如何修改当前页面网页浏览器url后面?param1=xxx&param2=xxx参数（多用于通过浏览器地址参数保存用户当前操作状态的需求），实现监听url路由切换、状态变化。
    109
  • 8
    【实用】Angular中如何实现类似Vuex的全局变量状态变化功能？
    123
  • 9
    Angular使用@Input和@Output实现父子组件互相传参（类似Vue的props和this.emit）
    79
  • 10
    1分钟入门angular动画效果animations，敲简单滴哟~~☺
    111

    • 相关电子书

    更多
  • Building Data Product on Spark at Airbnb
  • Build Your Next ApacheSparkJob
  • How to Build a Successful Data
    • 下一篇
    DataWorks售前咨询