首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

Angular-cli 8-可以只在es2015上构建吗?

Angular-cli是一个用于快速搭建Angular应用的命令行工具。对于Angular CLI 8版本及以上,是不支持仅在ES2015上构建的。

在Angular CLI 8版本及以上,官方已经移除了在tsconfig.json中直接配置target为es5的选项。这是因为Angular官方推荐的是在支持ES2015的浏览器上运行Angular应用,以获得更好的性能和功能。ES2015(也称为ES6)引入了许多新的语法和功能,可以提供更好的开发体验和更高的性能。

因此,对于Angular CLI 8版本及以上,构建应用时,默认会同时生成ES2015和ES5两个版本的代码,以兼容不支持ES2015的浏览器。这样可以确保应用在大多数现代浏览器上正常运行,并在旧版本浏览器上降级为ES5版本。

总结起来,Angular CLI 8版本及以上不支持仅在ES2015上构建,官方推荐在支持ES2015的浏览器上运行Angular应用。这样可以获得更好的性能和功能。

相关链接: Angular CLI官方文档:https://angular.io/cli 腾讯云相关产品:腾讯云服务器、云数据库MySQL、云存储COS等,可在腾讯云官网进行查找。

页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

node-sass 埋坑记录

好不容易本地安装了 Python 环境,又报了个 MSB4132:无法识别工具版本 2.0 的错误。...支持到 node v9 版本; 所以,当需要升级 angular 版本时,请注意这些事项,具体的依赖关系,请到各自的官网中查看说明。...解决方案 能联网 先升级 angular 版本,再升级 angular-cli 版本 构建失败时,会提示请升级 node 版本,按提示升级,可通过 nvm 或手动下载新版本 node 继续构建时,node-sass...下载失败 请先确认是否是镜像问题,可以手动浏览器地址栏输入 node-sass 下载的地址(可在 package.json.lock 中查看),看是否能够找到对应版本的 node-sass 出现文章开头说过的几种...这时候,如果需要,那就只能在能访问外网的机子,将 vs studio 相关东西先下载下来,再用离线方式进行安装。

4.3K10

Angular开发实践(一):环境准备及框架搭建

介绍之前,我假定你了解或者熟悉: NodeJs Npm Git Sass TypeScript angular-cli 环境准备 全局安装NodeJs(>6.9.x),包含npm(>3.x.x) 全局安装...angular-cli npm install -g @angular/cli IDE推荐使用WebStorm 框架搭建 angular-start是我GitHub维护的一个起步项目,你可以直接下载作为基础开发框架来使用...这个文件夹之外的文件都是为构建应用提供支持用的。 ? src目录 使用HTML模板、CSS样式和单元测试定义AppComponent组件。 它是根组件,随着应用的成长它会成为一棵组件树的根节点。...其它文件是用来帮助我们构建、测试、维护、文档化和发布应用的。它们放在根目录下,和src/平级。 ? 根目录 e2e/下是端到端(end-to-end)测试。...它们不在src/下,是因为端到端测试实际和应用是相互独立的,它适用于测试你的应用而已。这也就是为什么它会拥有自己的tsconfig.json

1.3K70
  • 蚂蚁金服Java研发工程师的春招面试经历 | 双非大佬教你如何成为offer收割机

    项目遇到这个问题是怎样解决的? 8- 搭建高并发高可用系统需要怎样设计?考虑哪些东西,有多少说多少。 9- 你对缓存有什么理解?缓存是解决什么问题?后端缓存有哪些,分别解决什么问题?...6- 问下项目的系统构建,思考,为什么这样构建? 等HR吧 HR面: 1- 聊下大学生活,有什么亮点 2- case证明的实力。...5)京东:(口头offer,准备发) 一面:(32分钟) 自我介绍 1- 抽象方法和类方法的区别,static的抽象方法可以?...5- 什么时候可以来实习 6- 平时怎么学习的?分布式、虚拟机?学了啥东西,怎么学,具体说下 7- 基于怎样去写博客的? 8- 除了Java还学了什么技术,或者说别的东西?...2- 你现在有什么offer 3- 工作地点怎么考虑的 4- 你在学校的社团成长了什么 5- 你父母做什么的,在哪里工作,既然广东,没考虑过??

    88920

    Angular学习(02)--Angular-CLI命令

    这就导致了,如果是手工创建 ts 文件,需要自己编写很多重复代码,因此,可以借助 Angular-CLI 命令来创建这些文件,自动生成所需的这些重复代码。...Angular-CLI 大体两种类型的命令,一是创建或修改文件,二是类似运行某个脚本来编译、构建项目。...其实,这份 schema.json 文件,就是 Angular-CLI 的默认配置,当忘记都有哪些命令或参数,除了可以借助 help 命令或到官网查阅外,也可以到这份文件中查阅。 ?...ng g directive 这个是创建指令的命令,组件其实是指令的一种,所以,上面介绍的关于组件命令中的各种选项配置,指令这里也基本都可以使用,这里不列举了,清楚相关默认文件来源后,不懂的,去翻阅下就可以了...目前对该命令的使用,接触到默认配置,还不清楚一些选项配置的适用场景,后续有了解再补充。

    2.6K10

    【数组和进阶指针经典笔试题12道】这些题,满足你对数组和指针的所有幻想,come on !

    链接附上点击链接注册牛客网 牛客网这么好用,但是下面几个关于牛客网的知识你了解过? 你知道你OJ过不了,牛客网几种经典的英文报错提示的含义? 你知道牛客网的OJ分为IO型和接口型?...你使用过牛客网的调试功能? ---- 众所周知,指针是C语言的灵魂,很多人就是倒在指针的脚下。今天,我来带大家看一看指针笔试中是怎么考的吧!...sizeof关注占用内存的大小,不在乎内存中放的是什么 sizeof是操作符 练习题4 int main() { int a[3][4] = { 0 }; printf("%d\n",...同理第二个p是被强制转换为了unsigned long类型,是一个整数,整数=1就是+1,然后按照%p打印出来,加的因为就是1(没有超过16),所以和在原来的0x10000加1是一样的。...cpp+3); printf("%s\n", *cpp[-2]+3); printf("%s\n", cpp[-1][-1]+1); return 0; } 下面是我自己的理解方式: []和*都可以过桥

    30030

    前沿 | 深度剖析现代 JavaScript 应用 — SitePoint

    新版本添加的大量的特性使得构建大型 Web 应用的时候更加的轻松和灵活。但是改进的脚步并没有 ES2015 停止,每年都将发布一个新的版本。...ES2015 模块 ES2015 采用了语言中定义和使用组件的方法,之前可能只用在第三方类库中。你能根据你想要的功能来编写单独的文件并且输出可用于应用的那一部分。...你下载的包可作为依赖被注册项目中的 package.json 文件中,以及项目或模块( npm 它本身可以当做一个包发布)的有关信息。 你能为开发环境和生产环境分别定义依赖包。...因为页面最初服务端渲染,所以搜索引擎可以正确的拿到索引。 部署 现代 JavaScript 应用中,编写的代码和部署到生产环境的代码是不一样的;你部署构建过程生成的文件。...Note: 如果你有不需要做任何处理的文件,可以把它们从src下复制到dist目录。你也能通过构建系统中配置任务来完成这个过程。

    31820

    Angular开发实践(二):HRM运行机制

    引言 angular-start项目中启用了模块热替换(HMR - Hot Module Replacement)功能,关于如何在angular-cli启用HRM,请查看HRM配置 那HMR是个什么东西呢...主要是通过以下几种方式,来显著加快开发速度: 保留在完全重新加载页面时丢失的应用程序状态 更新变更内容,以节省宝贵的开发时间 调整样式更加快速 - 几乎相当于浏览器调试器中更改样式 这一切是如何运行的...我们先看看具体的效果: 1、启动angular-start项目,控制台你可以看到HRM已经启用的消息: ? image 2、然后通过浏览器控制台可以看到,第一次加载请求了所有的资源: ?...image 下面让我们从一些不同的角度观察,以了解HMR的工作原理…… 应用程序中 通过以下步骤,可以做到应用程序中置换(swap in and out)模块: 应用程序代码要求 HMR runtime...编译器确保模块ID和chunk ID在这些构建之间保持一致。通常将这些ID存储在内存中(例如,使用webpack-dev-server时),但是也可能将它们存储一个JSON文件中。

    1.7K70

    Angular入门,开发环境搭建,使用Angular CLI创建你的第一个Angular项目

    因此这篇文章主要是对这段时间使用Angular做一些小总结,希望可以帮到有需要的同学。...该方法接受当前和一属性值的 SimpleChanges 对象 ngOnInit() 之前以及所绑定的一个或多个输入属性的值发生变化时都会调用。...ngOnInit() Angular 第一次显示数据绑定和设置指令/组件的输入属性之后,初始化指令/组件。 第一轮 ngOnChanges() 完成之后调用,调用一次。...切换npm安装镜像源,解决npm install缓慢问题: NodeJS 安装 好之后,NPM 也就可以用了(NPM是随同NodeJS一起安装的包管理工具)。...构建工具(脚手架工具)安装说明: Angular-CLI详细简介:https://www.jianshu.com/p/3d17d5ee1951 全局安装脚手架工具: 安装命令(只需要安装一次) npm

    2.8K20

    JavaScript: 2015年度回顾(译文)

    1995年于IE2.0开始开发他的第一个网页。到目前为止Craig已经sitepoint发表了1000多篇文章。 正文 JavaScript刚刚经历了标志性的一年。...JavaScript工程师现在可以声明他们完全兼容ES2015,大家都会明白是啥意思(就是兼容ES6嘛,不明白作者为啥ES的命名纠结这么多。。)。...ES2015环境支持性方面目前仍然不完成,但是可以通过将代码编译为ES5的方式来实现,这类转换工具有Babel等。这样可以正常进行开发,但是额外增加的编译步骤会使得测试和测试更麻烦。...一定要记住,框架只是一个选项 -- 你可以选择不使用。对于较小较敏捷的项目,使用越少的依赖会越安全。 工具的浪潮 你还记得以前那些无忧无虑的时光?...本质是,你的代码一次编写,到处运行 -- 浏览器里或者服务器。这对一些小应用来说很简单,但很快会复杂得让人头大。 jQuery 3.0的第一个alpha版本7月发布。

    52420

    JavaScript: 2015年度回顾(译文)

    1995年于IE2.0开始开发他的第一个网页。到目前为止Craig已经sitepoint发表了1000多篇文章。 正文 JavaScript刚刚经历了标志性的一年。...JavaScript工程师现在可以声明他们完全兼容ES2015,大家都会明白是啥意思(就是兼容ES6嘛,不明白作者为啥ES的命名纠结这么多。。)。...ES2015环境支持性方面目前仍然不完成,但是可以通过将代码编译为ES5的方式来实现,这类转换工具有Babel等。这样可以正常进行开发,但是额外增加的编译步骤会使得测试和测试更麻烦。...一定要记住,框架只是一个选项 -- 你可以选择不使用。对于较小较敏捷的项目,使用越少的依赖会越安全。 工具的浪潮 你还记得以前那些无忧无虑的时光?...本质是,你的代码一次编写,到处运行 -- 浏览器里或者服务器。这对一些小应用来说很简单,但很快会复杂得让人头大。 jQuery 3.0的第一个alpha版本7月发布。

    82650

    最有效、最全的Vue 2.0 学习路线,各个阶段适用

    「 Vue很难学 」 对于我这种从0.x版本就开始体验 vuejs 的人来说,当然不算难,那时候没各种脚手架和复杂搭配,仅仅是一个mvvm的解决方案库而已,解决了jq带来的繁琐操作dom痛点,所以就一直用了...建议使用 nvm 这样的工具来管理机器的 Node 版本,并且将 npm 的 registry 注册表配置为淘宝的镜像源。...应当做到可以自己写一些基本的命令行程序。注意 Node (6+) 版本开始已经支持绝大部分 ES2015 的特性,可以借此巩固 ES2015。 4....有兴趣的可以自己亲手从零开始搭一个项目加深理解。 2. 根据 例子 尝试 Webpack 模板基础整合 vue-router 和 vuex 3....服务端渲染SSR 完全指南 2.3 发布后我们发布了一份完整的构建 Vue 服务端渲染应用的指南。

    1.5K20

    js 模块化发展

    当然,这一点还是非常依赖于 webpack/rollup 等构建工具,让我们意识到 browser 端还有很多本质的问题需要推进。...nodejs 至今也没有实现 ES2015 模块化规范,所有 jser 都处在构建工具的阴影下。...有了 ES2015 Modules 之后,JS 开发者终于可以像 Java 开始者十年前一样使用一致的方式愉快的互相引用模块。...后续若其中任意一个文件发生变化,可以保证其他的小 chunck 不需要重新下载。 可见,即使不断的有新技术出现,也依然需要配套的工具来将前端工程问题解决方案推向极致。 模块化是大型项目的银弹?...只要遵循了最新模块化规范,就可以使项目具有最好的可维护性? Js 模块化的目的是支持前端日益上升的复杂度,但绝不是唯一的解决方案。

    2.2K20

    Angular 2.x折腾记 :(1)初识Angular-cli及脱坑要点

    什么是angular-cli 简言之:就是NG团队自行维护的一个项目脚手架[内置单元测试及webpack打包工具等],这货前身是ember-cli; 官网 / Github 吐槽 我最早是从Angular...cli beta18开始用的,截止beta28.3,这个分支已经废弃,已经迁移,之前npm install angular-cli不推荐; 目前最新的是v1.0.0正式版【2017-3-24】,从旧版本到...rc期间坑了太多次,每次升级各种酸爽; rc2开始基本变化不大,可以直接拿来用了。...正式版的配置稍微有些改动,我比较了下基本不大,放心使用 系统环境配置 window 安装lts版本的nodejs v6.10.0 , Angular-cli中的node-sass不支持7.x,装不的...初始化项目 脚手架的命令很多,我这里列出最常用的; 新建东东 范围 命令 作用 new ng new new_project 初始化新项目 Component ng g component my-new-component

    15310

    1. 精读《 js 模块化发展》

    当然,这一点还是非常依赖于 webpack/rollup 等构建工具,让我们意识到 browser 端还有很多本质的问题需要推进。...nodejs 至今也没有实现 ES2015 模块化规范,所有 jser 都处在构建工具的阴影下。...有了 ES2015 Modules 之后,JS 开发者终于可以像 Java 开始者十年前一样使用一致的方式愉快的互相引用模块。...后续若其中任意一个文件发生变化,可以保证其他的小 chunck 不需要重新下载。 可见,即使不断的有新技术出现,也依然需要配套的工具来将前端工程问题解决方案推向极致。 模块化是大型项目的银弹?...只要遵循了最新模块化规范,就可以使项目具有最好的可维护性? Js 模块化的目的是支持前端日益上升的复杂度,但绝不是唯一的解决方案。

    73320

    Angular4记账webApp练手项目之一(利用angular-cli构建Angular4.X项目)

    前提 1、已经安装了node.js环境 2、已经安装了npm环境 windows可以通过cmd输入以下指令查看 node -v // node版本 npm -v // npm版本...安装angular-cli 脚手架 npm install -g @angular/cli 安装失败可以尝试下面方法,先卸载清楚缓存,再安装 npm uninstall -g @angular/cli...npm cache clean npm install -g @angular/cli@latest 官方文档 :https://github.com/angular/angular-cli 官方提供了一些指令...这里写图片描述 和vue-cli构建的vue2项目很类似。我们主要修改src文件夹下的内容。其中我们新建的代码放在app中。其中spec.ts 文件是测试文件,可以删除。...这里写图片描述 用官方提供的指令创建,会将组件自动添加到app.module中,我们就可以直接使用了。 ? 这里写图片描述 app.component.html使用组件 ? 这里写图片描述 ?

    1K30
    领券