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

当我使用ng build时,停止要求收集分析的angular cli

在使用 ng build 命令时,如果你希望停止 Angular CLI 的要求收集分析,可以通过配置 angular.json 文件来实现。这个文件是 Angular CLI 的配置文件,其中包含了构建和开发过程中的各种设置。

基础概念

Angular CLI 是一个命令行界面工具,用于初始化、开发、构建和维护 Angular 应用程序。它提供了许多命令来简化开发流程,包括 ng build 用于构建应用程序。

相关优势

  • 自动化:Angular CLI 自动化了许多常见的开发任务,如代码生成、依赖管理、构建和测试。
  • 一致性:通过统一的命令和配置,确保项目的一致性和可维护性。
  • 扩展性:可以轻松地添加插件和扩展来满足特定需求。

类型

Angular CLI 的配置可以通过多种方式进行修改,包括:

  1. 全局配置:通过 ng config 命令进行全局配置。
  2. 项目配置:通过修改项目根目录下的 angular.json 文件进行配置。

应用场景

当你不希望 Angular CLI 在构建过程中收集分析数据时,可以通过修改 angular.json 文件来禁用这一功能。

解决方法

  1. 打开 angular.json 文件: 找到项目根目录下的 angular.json 文件并打开它。
  2. 修改 cliAnalytics 配置: 在 angular.json 文件中找到 cliAnalytics 配置项,并将其设置为 false。如果没有找到该配置项,可以手动添加。
  3. 修改 cliAnalytics 配置: 在 angular.json 文件中找到 cliAnalytics 配置项,并将其设置为 false。如果没有找到该配置项,可以手动添加。
  4. 保存并重新构建: 保存 angular.json 文件的修改,然后重新运行 ng build 命令。

示例代码

假设你的 angular.json 文件如下:

代码语言:txt
复制
{
  "projects": {
    "my-app": {
      ...
    }
  },
  ...
}

修改后的 angular.json 文件:

代码语言:txt
复制
{
  "projects": {
    "my-app": {
      ...
      "cliAnalytics": false,
      ...
    }
  },
  ...
}

参考链接

通过上述步骤,你可以成功禁用 Angular CLI 在构建过程中收集分析数据的功能。

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

相关·内容

使用 Github Actions 自动部署 Angular 应用到 Github Pages

前言 最近在学习 Angular,一些基础语法也学习差不多了,就在 github 上新建了一个代码仓库,准备用 ng-zorro 搭个后台应用模板,方便自己以后写些小东西可以直接使用。...CLI 直接生成,如有需要,可以点击此链接进行跳转查看(电梯直达),这里就不演示创建过程了 按照正常前端项目发布流程,当我们需要发布,需要使用 npm 命令来完成项目的打包。...整个项目中所涉及 npm 命令,我们可以通过查阅项目的 package.json 文件中 scripts 节点进行查看 这里通过 Angular CLI 创建项目可以通过 ng build 命令来完成项目的打包发布...应用来说,我们完全可以使用社区提供 angular-cli-ghpages 插件来简化这个操作 首先我们需要通过 npm 将插件安装到需要部署程序中 ng add angular-cli-ghpages...以后当我们需要更新网站,再使用上面的命令即可发布到 github page 上 ?

1.4K10
  • 如何使用Angular CLI和PM2运行Angular应用程序

    #install PM2 第3步:使用Angular CLI创建Angular项目 现在进入服务器webroot目录,然后使用Angular CLI创建,构建和提供Angular应用程序(称为sysmon-app...$ cd sysmon-app $ sudo ng serve 使用Angular CLI提供Angular App 从ng serve命令输出中,您可以看到Angular应用程序未在后台运行,您无法再访问命令提示符...PM2还可以帮助执行常见系统管理任务,例如在故障重新启动,停止,重新加载配置而无需停机等等。...$ pm2 start "ng serve" --name sysmon-app 永远运行Angular App 接下来,要访问应用程序Web界面,请打开浏览器并使用地址http://localhost...在本指南中,我们展示了如何使用Angular CLI和PM2流程管理器运行Angular应用程序。

    2.9K40

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

    默认情况下, 它输出目录在.angular-cli.json文件里ourDir属性配置, 默认是/dist目录. build之后会看见dist里面有这些文件: inline.bundle.js 这是...是angular和第三方库 可以使用source-map-explorer来分析依赖, 并且查看哪些模块和类在bundle里面....因为ng build是开发build, 所以没有做任何优化, 文件挺大. 这时看一下文件目录, 并没有dist目录: ? 那么这些文件是怎么被serve呢?...下面使用source-map-explorer进行分析, 首先安装它: npm install --save-dev source-map-explorer 然后执行 ng build, 再执行: ....通过文件大小可以看出确实是prod build. ng eject. 为项目生成webpack配置和脚本. 执行该命令试试: ? 看看有哪些变化: .angular-cli.json: ?

    2.3K70

    Angular CLI 使用教程指南参考

    Angular CLI 使用教程指南参考 Angular CLI 现在虽然可以正常使用但仍然处于测试阶段. Angular CLI 依赖 Node 4 和 NPM 3 或更高版本....安装 要安装Angular CLI你需要先安装node和npm,然后运行以下命令来安装最新Angular CLI: 注意:Angular CLI 需要Node 4.X 和 NPM 3.X 以上版本支持...基本用法 你可以通过 Angular CLI  help 命令来获取相关命令信息. ng help Angular CLI命令关键字为 ng ng new 命令 描述 ng new <project-name...将自动完成功能添加到ng命令shell中 ng doc 命令 描述 ng doc 在浏览器中打开Angular文档并搜索当前关键字 ng e2e 命令 描述 ng e2e 使用...ng build可以指定构建目标(--target = production或--target = development)和要与该构建一起使用环境文件(--environment = dev或--environment

    3K50

    一个Angular 5教程:一步一步指导实现你第一个Angular 5应用程序

    它还监视项目源中每个更改并重新编译所有更改,之后它会要求浏览器重新加载打开页面。因此,通过使用Angular CLI,我们已经在开发环境中工作,无需编写配置或实际执行任何操作。...每次我们改变我们代码Angular CLI都会重新编译,如果需要的话重新注入,并要求我们浏览器在页面打开重新加载页面。...当我们描述了我们组件职责,显然这应该是一个卡片列表组件。...我们在我们组件中订阅我们观察器。它们被用在我们应用程序不同部分,所以它们可能会一路销毁 - 例如,当我们在路由中使用组件作为页面(我们将在本指南后面讨论路由)。...所以当我们添加一张新卡到我们的卡片收藏,它会被输出。所以我们不需要自己添加该卡,或者我们需要take(1)在该管道中使用操作员。它将采取一个单一价值,并取消订阅。

    42.6K10

    Angular 16 正式版发布

    当我们设置firstName为"John",浏览器会打印如下日志: "Namechanged:JohnDoe" 1.2RxJS互操作性 你将能够通过@angular/core/rxjs-interop...3.1 独立ng new集 作为 Angular v16 一部分,你可以一开始就创建一个新独立项目,要尝试独立 APIs 原理图开发预览版,请确保你在 Angular CLI v16 上并运行:...在 ng serve 中,我们现在使用 Vite 作为开发服务器,esbuild 提供在开发和生产环境构建。 我们想强调是,Angular CLI 完全依赖 Vite 作为开发服务器。...由于 Angular 编译器在构建执行检查,因此此更改在运行时增加了零开销,多年来,开发人员一直在要求这个功能,我们得到了一个强有力指示,这将非常方便!...备受要求功能 ,允许你对 Angular 模板中组件使用自闭标签,这是一个小开发体验改进,可以为你节省一些打字时间。

    2.5K10

    Angular v16 来了!

    我们还声明了一个效果,每当我们更改它读取任何信号,回调都会执行——在本例中,fullName这意味着它也传递地依赖于firstName和lastName。...当我们将 值设置firstName为“John”,浏览器将登录到控制台: "Name changed: John Doe" RxJS 互操作性 @angular/core/rxjs-interop作为...要尝试独立原理图开发人员预览,请确保您使用Angular CLI v16 并运行: ng new --standalone 您将获得一个更简单项目输出,没有任何NgModules. ...改善开发者体验 除了我们关注大型计划外,我们还致力于带来高度要求功能。 所需输入 自从我们在 2016 年引入 Angular 以来,如果您不为特定输入指定值,就不可能出现编译错误。...由于 Angular 编译器在构建执行检查,因此更改在运行时增加了零开销。多年来,开发人员一直 要求 此功能 ,我们得到了一个强烈迹象,表明这将非常方便!

    2.6K20

    Angular CLI 常用终端操作命令

    关于CLI生成路由 ---- CLI以多种方式支持路由: 初始化创建项目,自动添加了 @angular/router ,自动添加到package.json 文件中 生成模块路由时候可以使用指令...该--routing选项还会生成与模块名称相同默认组件。 您可以在创建或初始化项目使用该--routing选项ng new来创建app-routing.module.ts文件。...CLI 构建正式服务器打包文件和测试环境文件还有本地文件 ---- ng build 可以同时指定要与该构建(或)一起使用构建目标( --target...ng build --environment=loca ng build --environment=prod 关于代理服务器 ---- 在webpackdev服务器中使用代理支持,我们可以高速缓存某些...更多angular-cli配置 https://github.com/angular/angular-cli/wiki 组件| ng g component my-new-component 指令|

    2.1K40

    如何管理云原生应用程序依赖关系

    依赖关系是一段代码和另一段代码之间隐性或显性关系,可以认为是为了正确运行,一段代码对另一段代码要求。 有两种主要类型依赖关系:硬依赖和软依赖。...依赖关系管理最佳实践 当谈论依赖关系管理,我们会谈论很多不同策略和考虑事项,例如使用自动依赖关系管理工具或软件包管理器。为了确保依赖关系得到有效管理,以下是一些可以利用最佳实践。..."start": "ng serve", "build": "ng build", "test": "ng test", "lint": "ng lint", "e2e"...: "ng e2e", "build-lazy": "ng build lazy", "build-dynamic": "ng build dynamicService", "npm-pack-lazy...", "@angular-devkit/build-ng-packagr": "~0.800.0", "@angular/cli": "~8.0.2", "@angular/compiler-cli

    1.7K10

    Angular 6正式版发布,都有哪些新功能

    ng update ng update 是一种新 CLI 命令,它可分析package.json,并基于对 Angular 了解向你应用程序推荐更新。...官方升级手册链接如下: https://update.angular.io/ ng update可以帮助你使用正确版本依赖包,让你依赖包与你应用程序同步,使用 schematics ,第三方还能提供脚本更新...ng add 另一项新 CLI 命令ng add 将使你项目更容易添加新功能。...使用Angular CLI 创建库可以查看下面的链接: https://github.com/angular/angular-cli/wiki/stories-create-library Tree...更新通常遵循 3 个步骤,请使用ng update 工具: 更新 @ angular / cli; 更新你 Angular 框架包; 更新其他依赖包。

    4.2K20

    如何在 Windows 上安装 AngularAngular CLI、Node.js 和构建工具指南

    Angular CLI, Node.js, and Build Tools,作者为Ahmed Bouchefra 在本教程中,我们将学习如何在 Windows 中安装 Angular CLI使用它来创建...让我们首先检查已安装 CLI 版本: $ ng version 如下图所示: 您可能需要运行第二个命令是 help 命令,用于获取完整使用帮助: $ ng help CLI 提供以下命令...生成项目 您可以使用 Angular CLI 通过在命令行界面中运行以下命令来快速生成 Angular 项目: $ ng new frontend 注意:frontend是项目的名称。...:TypeScript 配置文件 tslint.json:TSlint(静态分析工具)配置文件 为您项目服务 Angular CLI 提供了一个完整工具链,用于在本地计算机上开发前端应用程序。...运行结果如下图所示: 生成Angular构件 Angular CLI 提供了 ng generate 命令,可帮助开发人员生成基本 Angular 构件,例如模块、组件、指令、管道和服务: $ ng

    42700

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

    所以,日常开发中,不管是借助 WebStrom 图形操作,还是直接自己使用命令方式,都需要跟 Angular-CLI 打交道,了解一些基本配置和命令也是有好处。...还有,运行项目,会使用 build 或 server 命令。 所以,下面就只介绍这三个命令,其他命令,等到后续有接触,深入了解后再补充。...ng build 该命令用来将 Angular 项目编译、打包输出到指定目录下,最终输出文件就是些 HTML,CSS,JavaScript 这些浏览器能够识别、运行文件。...那么,这种时候就不能用 ng server 命令了,只能使用 ng build 命令,但该命令,默认只是编译项目,那么岂不是每次代码发生修改,都得重新跑一次 ng build 命令?...spring boot,所以 Angular 项目使用 ng build 命令编译输出到后端项目的容器中,后端跑起来,就可以直接在本地调试了。

    2.6K10

    Angular10配置webpack打包 「详细教程」

    添加ngx-build-plus: ng add ngx-build-plus npm 包管理器 AngularAngular CLIAngular 应用都依赖于某些库所提供特性和功能,它们都是...ng new命令后面有很多选项,​详见https://angular.cn/cli/new,由于我们项目大多使用less编写样式因此需要添加后缀--style less,代表项目中默认使用less,用于样式文件文件扩展名或预处理程序...使用 CLI 命令 ng serve 启动开发服务器,并带上 --open 选项。...新生成应用包含一个根模块源文件,包括一个根组件及其模板。 当工作空间文件结构到位,可以在命令行中使用 ng generate 命令往该应用中添加功能和数据。...添加ngx-build-plus: ng add ngx-build-plus 注意:如果要将其添加到projects文件夹中特定子项目,请使用--project开关指向它:ng add ngx-build-plus

    5K20

    Angular 工具篇之npx及angular-cli-ghpages

    source-map-explorer dist/main.d72e9d91fd17f9fe7b8c.js (示例来源 —— Angular 工具篇之分析大小) 然而,如果使用 npx 的话,我们就可以简化上述命令...这是构建工具(如 Create React App 或 webpack CLI)所使用方式。它确保你始终使用最新版本生成器或构建工具,而无需在每次使用进行升级。...你可以通过 Angular CLI 创建新项目或在想要部署到 Github Pages 上 Angular 项目中使用 angular-cli-ghpages。...或者使用以下命令: $ ng build --prod --base-href "/REPOSITORY_NAME/" 在项目构建完成后,就可以通过以下命令自动地把本地项目发布到 Github Pages...上: $ npx ngh [OPTIONS] 需要注意是对于使用 Angular CLI 6 以上版本用户来说,在部署你需要指定部署目录: $ npx ngh --dir=dist/[PROJECTNAME

    1.9K20
    领券