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

ng build --prod没有反映angular 8中的新变化

ng build --prod是Angular框架中用于构建生产环境的命令。它会将Angular应用程序编译成优化过的、可部署的静态文件,以便在生产环境中使用。

在Angular 8中,ng build --prod命令没有直接涉及到新的变化。然而,Angular 8引入了一些新特性和改进,这些特性可以在构建过程中发挥作用。

一些Angular 8中的新特性和改进包括:

  1. Differential Loading(差异加载):Angular 8引入了差异加载的概念,它可以根据浏览器的兼容性自动选择加载ES5或ES2015+版本的代码。这样可以减小应用程序的初始加载大小,并提高性能。
  2. Ivy Renderer(Ivy渲染器):Ivy是Angular的新渲染引擎,它在Angular 8中作为实验性特性引入。Ivy渲染器可以提供更快的编译和更小的包大小,同时还支持更好的可调试性和更好的错误消息。
  3. Bazel Build System(Bazel构建系统):Angular 8开始支持使用Bazel构建系统来构建应用程序。Bazel是一个多语言、可扩展的构建工具,可以提供更快的增量构建和更好的缓存管理。
  4. Web Workers(Web Worker):Angular 8引入了对Web Workers的更好支持。Web Workers可以在后台线程中运行JavaScript代码,可以提高应用程序的性能和响应能力。
  5. 改进的性能和稳定性:Angular 8通过引入一些性能和稳定性改进来提高应用程序的质量。这些改进包括更快的编译速度、更小的包大小、更好的错误处理和更好的AOT(Ahead-of-Time)编译支持。

对于ng build --prod命令没有反映Angular 8中的新变化的情况,可能是由于以下原因:

  1. 代码没有使用新的特性:如果应用程序的代码没有使用Angular 8中的新特性,那么ng build --prod命令可能不会产生明显的变化。
  2. 配置问题:可能存在一些配置问题,导致ng build --prod命令无法正确地应用Angular 8中的新特性。可以检查Angular项目的配置文件(如angular.json)是否正确配置。

总结起来,ng build --prod命令本身没有直接涉及到Angular 8中的新变化,但它可以应用Angular 8中的一些新特性和改进,以提高应用程序的性能、可维护性和稳定性。如果想要充分利用Angular 8的新特性,可以在代码中使用这些特性,并确保正确配置项目。

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

相关·内容

使用Angular CLI进行Build (构建) 和 Serve

因为ng build是开发时build, 所以没有做任何优化, 文件挺大. 这时看一下文件目录, 并没有dist目录: ? 那么这些文件是怎么被serve呢?...ng build ng build --prod Environment environment.ts environment..prod.ts 缓存 只缓存css里引用图片 所有build文件 source...=dev 下面则是生产build: ng build --prod ng build --prod -e=prod ng build --target=production --environment=...可以看到所有的文件都非常小了, 并且没有vendor了(因为prod下--build-optimizer起作用所以vendor没有了, 但可以使用--vendor-chunk true给弄出来)....通过文件大小可以看出确实是prod build. ng eject. 为项目生成webpack配置和脚本. 执行该命令试试: ? 看看有哪些变化: .angular-cli.json: ?

2.3K70

Angular CLI 简介

因为ng build是开发时build, 所以没有做任何优化, 文件挺大. 这时看一下文件目录, 并没有dist目录: 那么这些文件是怎么被serve呢?...ng build ng build --prod Environment environment.ts environment..prod.ts 缓存 只缓存css里引用图片 所有build文件 source...=dev 下面则是生产build: ng build --prod ng build --prod -e=prod ng build --target=production --environment=...试试生产环境: ng build --prod 可以看到所有的文件都非常小了, 并且没有vendor了(因为prod下--build-optimizer起作用所以vendor没有了, 但可以使用--vendor-chunk...--proxy-config -pc 代理配置 --prod 在内存中serve 生产模式build文件 试试 --prod: ng serve --prod 通过文件大小可以看出确实是prod

6K110

Angular CLI 使用教程指南参考

基本用法 你可以通过 Angular CLI  help 命令来获取相关命令信息. ng help Angular CLI命令关键字为 ng ng new 命令 描述 ng new [options] 创建一个新 Angular 项目,默认在当前所在目录下 参数 描述 --dry-run -d 只输出要创建文件和执行操作,实际上并没有创建项目 --verbose -v...init [options] 在当前所在目录下初始化一个新 Angular 项目 参数 描述 --dry-run -d 只输出要创建文件和执行操作,实际上并没有创建项目...# 这是生产构建 ng build --target=production --environment=prod ng build --prod --env=prod ng build --prod...# 这是开发构建 ng build --target=development --environment=dev ng build --dev --e=dev ng build --dev ng build

3K50

Angular-内存溢出问题

本项目用angular6搭建,用动态组件形式来显示页面,之前遇到过因为内存溢出而导致无法aot问题, Angular4以上该方法都适用 解决方法:手动改写内存上限 修改目录: my-project...)文件过多; 2)订阅数据没有销毁占用内存,(看了下订阅数据很少,应该不是的); 3)因为所有的组件都在一个根目录下(上面说了,用动态组件没用路由),导致需要编译组件过多?...0.0.0.0 --port 4201 --live-reload false", "build": "ng build", "test": "ng test", "lint":..."ng lint", "e2e": "ng e2e", "build-prod": "node --max_old_space_size=8192 ..../node_modules/@angular/cli/bin/ng build --prod --build--optimizer --base-href /pms/" }, "private"

2.3K20

Angular CLI 常用终端操作命令

CLI常用命令 ---- ng new project-name - 创建一个新项目,置为默认设置 ng build - 构建/编译应用 ng test - 运行单元测试 ng e2e - 运行端到端(...关CLI构建编译项目 ---- 输入命令 ng build 来编译项目,生成编译后文件存放目录在 项目根目录下 dist/ 目录下面 关于...CLI 构建正式服务器打包文件和测试环境文件还有本地文件 ---- ng build 可以同时指定要与该构建(或)一起使用构建目标( --target...--environment=dev--environment=prod 可以在 angular-cli.json 该文件中配置映射编译环境路径 //angular-cli.json...ng build --environment=loca ng build --environment=prod 关于代理服务器 ---- 在webpackdev服务器中使用代理支持,我们可以高速缓存某些

2.1K40

angular-cli.json配置参数解释,以及依稀常用命令通用关键参数解释

一. angular-cli.json常见配置 { "project": { "name": "ng-admin", //项目名称 "ejected": false // 标记该应用是否已经执行过...--hmr 注意开启之后,只是在angular-cli里webpack添加必要扩展,等价于webpack-dev-server --hot,还需要在应用代码里处理hmr逻辑,如可在main.ts里添加...--base-href 指定站点起始路径,如果你希望你站点根路径为www.abc.com/mypath/,需要这样设置:ng build --base-href /mypath/ 6....下面两条等价: ng build --target=production ng build --prod 7.--environment 指定应用执行环境。...下面两句等价: ng build --environment=prod ng build --env=prod 构建时会加载angular-cli.json指定环境配置文件: "environments

1.6K30

Angular 工具篇之分析包大小

: $ npm i webpack-bundle-analyzer --save-dev 接下来我们使用 Angular CLI 来构建项目,在构建时候,需要添加相关参数,具体如下: $ ng build...--prod --stats-json 当项目构建完成后,在根目录下 dist 文件夹下会生成一个 stats.json 文件,然后我们可以通过以下命令来查看 webpack 打包文件大小信息:...在 angular6-example-app 项目中,也为我们提供了相应 npm script,具体如下: "bundle-report": "ng build --prod --stats-json...首先我们先来在当前项目中安装 source-map-explorer: $ npm i source-map-explorer --save-dev 然后在重新进行项目构建: $ ng build --...为了方便操作,我们也可以定义一个 npm script 任务来处理上述工作: "map-explorer": "ng build --prod --source-map && source-map-explorer

2.3K40

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

什么是angular-cli 简言之:就是NG团队自行维护一个项目脚手架[内置单元测试及webpack打包工具等],这货前身是ember-cli; 官网 / Github 吐槽 我最早是从Angular...装上, 不用本地再次编译 -- 亲测多次可用 安装windows-build-tools: windows下依赖库,再执行官方安装命令 Linux下: nodejs控制推荐用nvm来管理 先下载nvm...-format可以帮助格式和修复部分问题 启动 ng serve: 启动脚手架服务,默认端口4200;自定义什么看帮助额 打包 ng build: 开发模式打包,调用环境文件是/src/environments.../environments.ts; ng build --prod: 以前调用aot打包还需要带上--aot,从beta31开始,--prod模式下自动调用aot打包, 调用环境文件是/src/environments.../environments.prod.ts 弹出配置文件(还原真实配置文件) ng eject : 这个东西配置很多,可以弹出各种各样源配置和文件 我们看到ng开头命令都是二重封装。。。

11610

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

---- 什么是Angular-cli 简言之:就是NG团队自行维护一个`脚手架`[内置单元测试及webpack2打包工具等] -- 这货前身是ember-cli; 官网:cli.angular.io...版本,cnpm好像会把编译好node-sass装上,不用本地再次编译 -- 亲测多次可用 或者安装windows-build-tools:windows下依赖库,再执行官方安装命令 Linux下:...---- 初始化项目 angular-cli可以初始化ng2或者ng4项目,我这里说2+; 脚手架命令很多,我这里只列出最常用; 新建东东 范围 命令 作用 new ng new new_project...4200;自定义什么看帮助额 ---- 打包 ng build: 开发模式打包,调用环境文件是/src/environments/environments.ts; ng build --prod: 以前调用...aot打包还需要带上--aot,从beta31开始,--prod模式下自动调用aot打包, 调用环境文件是/src/environments/environments.prod.ts ---- 弹出配置文件

1.8K10

使用 Angular Transfer State 一个具体例子

使用 Angular Transfer State 一个具体例子 Using TransferState API in an Angular v5 Universal App 让我们用一个具体例子来说明这篇文章...这些页面将包含浏览器应用程序,因此用户可以在加载第一页后使用 Angular 强大功能继续在应用程序中导航。 您可以按照以下步骤尝试这个简单示例。...$ git checkout initial 复制代码 构建程序: $ npm install $ ng build -prod $ ng build -prod -app server --output-hashing...TransferState to the rescue Angular v5 中引入 TransferState API 可以帮助解决这种情况。...,所以浏览器显示以下页面会调用onSerialize方法,但是这个方法没有效果,因为toJson只在服务端调用。

65800

更小更快更易用Angular5管中窥豹

虽说我对Angular5内容有了解到一些,但是还是想看到官方或专家详细描述,等到此文:Version 5.0.0 of Angular Now Available. ?.../angular/angular-cli,具体操作如下: 首先敲入命令查看下当前cli版本: ng -v ?...latest npm install 第二步,新建一个Angular5项目 执行以下命令: ng new angular5 cd angular5 ng serve 打开localhost:4200/...我们执行下打包命令: ng build --prod 查看命令输出窗口,对比下常规运行和打包后内容,可以看到文件得到了非常大压缩: ?...Angular4项目打包 发现在Angular5中没有vendor,而总体大小也小了50多K,看上去貌似不多,但是按比例来看就很可观了,或许当项目越大会越明显,时间有限,简单测试就到此先告一段落,后续再添加翻译和做进一步测试

92630
领券