开发者社区

文档建议反馈控制台

最新优惠活动

文章/答案/技术大牛

发布

Angular Cli build命令启动非常慢

Angular CLI是一个用于开发Angular应用程序的命令行界面工具。它提供了许多命令，其中包括ng build命令用于构建应用程序。

当使用ng build命令启动时，有时会遇到启动速度较慢的情况。这可能是由于以下原因导致的：

项目规模较大：如果项目包含大量的代码文件、依赖项和资源文件，构建过程可能会变慢。这时可以考虑优化项目结构，减少不必要的依赖项和文件，以加快构建速度。
低配置硬件：如果使用的计算机配置较低，例如内存、处理器等性能较差，会导致构建过程变慢。在这种情况下，可以考虑升级硬件或使用更高性能的计算机来提高构建速度。
网络连接问题：如果网络连接不稳定或速度较慢，可能会导致下载依赖项和资源文件的速度变慢，从而影响构建速度。确保网络连接稳定，并尽量使用高速网络。

为了加快ng build命令的启动速度，可以采取以下措施：

使用增量构建：Angular CLI支持增量构建，即只重新构建发生更改的文件。可以使用--watch参数来启用增量构建，这样只有发生更改的文件会被重新构建，从而减少构建时间。
优化构建配置：通过优化构建配置文件angular.json，可以进一步提高构建速度。可以使用一些优化选项，例如启用AOT（Ahead-of-Time）编译、启用压缩等，以减少构建时间和生成的文件大小。
使用缓存：Angular CLI会缓存构建过程中的一些中间文件，以便在后续构建中重用。确保缓存可用，并定期清理缓存，以避免构建速度受到影响。
并行构建：如果使用的计算机具有多个处理器核心或线程，可以通过配置Angular CLI来启用并行构建。这样可以同时构建多个文件，从而加快构建速度。

总结起来，加快Angular CLI的ng build命令启动速度的方法包括优化项目结构、升级硬件、确保稳定的网络连接、使用增量构建、优化构建配置、使用缓存和启用并行构建等。通过这些方法，可以提高构建速度，提升开发效率。

腾讯云相关产品和产品介绍链接地址：

云服务器（CVM）：提供可扩展的计算容量，满足各种业务需求。详情请参考：https://cloud.tencent.com/product/cvm
云数据库 MySQL 版（CDB）：提供高性能、可扩展的关系型数据库服务。详情请参考：https://cloud.tencent.com/product/cdb
云存储（COS）：提供安全可靠、高扩展性的对象存储服务。详情请参考：https://cloud.tencent.com/product/cos
人工智能平台（AI Lab）：提供丰富的人工智能算法和模型，帮助开发者快速构建智能应用。详情请参考：https://cloud.tencent.com/product/ailab
物联网开发平台（IoT Explorer）：提供全面的物联网解决方案，帮助开发者连接和管理物联网设备。详情请参考：https://cloud.tencent.com/product/iothub
区块链服务（Tencent Blockchain）：提供安全可信的区块链解决方案，帮助开发者构建区块链应用。详情请参考：https://cloud.tencent.com/product/tbc

相关搜索:Angular 2 CLI命令未按预期工作 Angular 5错误(Angular CLI) -无法运行ng build --prod Angular 8嵌套的ngFor速度非常慢 Angular CLI -在'ng build‘之后不显示图像 Angular cli与webpack:不是用build刷新执行代码吗？Angular CLI命令问题：“未知选项：‘--spec’”Angular CLI，ng build命令不能正确编译 C#执行cmd命令非常慢 CLI最近非常慢 eclipse启动插件安装非常慢

相关搜索:

页面内容是否对你有帮助？

有帮助

没帮助

相关·内容

Angular CLI命令

ng 基础命令 npm install –g @angular/cli npm install -g @angular/cli@latest ng serve –prot –aot 启动项目并压缩项目文件...ng build 项目打包命令，也可以加上–prot –aot 新建项目 ng new 项目名称它将运行一段时间，进行npm依赖的安装，安装成功后我们将看到 Installed packages...制作Component（组件）执行命令创建组件 ng generate component hello-world 创建好后： ?...这里导入了Component和OnInit // 2.我们从"@angular@/core"模块中导入了组件 { Component, OnInit } // 3."...@angular@/core"告诉程序到哪里查找这些依赖，新建的这个项目中定"@angular@/core"定义并导出了两个js/ts对象，分别是 { Component, OnInit } \] /

9102 0

Angular学习（02）--Angular-CLI命令

正文- Angular-CLI 命令 Angular 的项目其实相比老旧的前端项目模式或者是 Vue 的项目来说，都会比较重一点，因为它包括了：模块 @NgModel，组件 @Component，...这就导致了，如果是手工创建 ts 文件，需要自己编写很多重复代码，因此，可以借助 Angular-CLI 命令来创建这些文件，自动生成所需的这些重复代码。...所以，日常开发中，不管是借助 WebStrom 的图形操作，还是直接自己使用命令方式，都需要跟 Angular-CLI 打交道，了解一些基本的配置和命令也是有好处的。...Angular-CLI 大体上两种类型的命令，一是创建或修改文件，二是类似运行某个脚本来编译、构建项目。...另外，为什么非得用 Angular-CLI 命令来创建文件，用 WebStrom 自己创建个 ts 文件不行吗？

2.6K1 0

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

可以先看帮助: ng build --help 针对开发环境, 就是用命令 ng build....默认情况下, 它的输出目录在.angular-cli.json文件里ourDir属性配置的, 默认是/dist目录. build之后会看见dist里面有这些文件: inline.bundle.js 这是...否是(和AOT以及Angular5) --named-chunks 是否 --output-hashing media 所有下面命令都是针对开发时的build, 它们的作用是一样的: ng build...通过文件大小可以看出确实是prod build的. ng eject. 为项目生成webpack配置和脚本. 执行该命令试试: ? 看看有哪些变化: .angular-cli.json: ?...放在.angular-cli.json就行, 例如jquery就应该放在scripts里面.

2.3K7 0

Angular CLI 常用终端操作命令

CLI常用命令 ---- ng new project-name - 创建一个新项目，置为默认设置 ng build - 构建/编译应用 ng test - 运行单元测试 ng e2e - 运行端到端（...关CLI构建编译项目 ---- 输入命令 ng build 来编译项目，生成编译后的文件存放目录在项目根目录下 dist/ 目录下面关于...--environment=dev--environment=prod 可以在 angular-cli.json 该文件中配置映射编译环境路径 //angular-cli.json...//cmd命令 //编译 angular-cli.json 文件配置传的参数来编译不同服务端的文件如执行下面命令编译的是json文件中 envuronments.loca 配置的文件路径...更多angular-cli配置 https://github.com/angular/angular-cli/wiki 组件| ng g component my-new-component 指令|

2.1K4 0

idea使用debug模式启动非常慢

今天使用idea的时候，debug启动很慢。...field watchpoints就不卡了，如下：点击debug窗口左侧的两个小红点打开Breakpoints对话框，不勾选或移除Java Field WatchPoints，然后再用debug模式启动正常了

2K2 0

Apache Commons CLI命令行启动

今天又看了下Hangout的源码，一般来说一个开源项目有好几种启动方式——比如可以从命令行启动，也可以从web端启动。今天就看看如何设计命令行启动......Apache Commons CLI Apache Commons CLI是开源的命令行解析工具，它可以帮助开发者快速构建启动命令，并且帮助你组织命令的参数、以及输出列表等。...org.apache.commons.cli.Option; import org.apache.commons.cli.Options; import org.apache.commons.cli.ParseException...org.apache.commons.cli.HelpFormatter; import org.apache.commons.cli.Options; import org.apache.commons.cli.ParseException...下载地址 2 Apache Commons CLI 官方指南 3 IBM 开发者文档 4 CSDN Commons CLI 使用详解

1.7K7 0

docker学习系列19 容器化Angular项目

USER root # set working directory RUN mkdir -p /usr/src/app WORKDIR /usr/src/app # 如果觉得 npm install 慢可以使用淘宝源...node_modules .git 构建镜像 docker build -t angular-demo ....该目录是在docker build构建阶段创建的，在Run启动阶段需要手动挂载该目录。...docker-compose相关命令 # build镜像并后台启动 docker-compose up -d --build docker-compose run angular-demo ng test.../cli # add app COPY .

1.6K6 0

升级ios14 Xcode真机调试启动非常慢的问题解决

image 3.重新启动Xcode

4.1K1 0

Apache Commons CLI官方文档翻译 —— 快速构建命令行启动模式

昨天通过几个小程序以及Hangout源码学习了CLI的基本使用，今天就来尝试翻译一下CLI的官方使用手册。下面将会通过几个部分简单的介绍CLI在应用中的使用场景。...昨天已经联系过几个基本的命令行参数使用场景，可以参考这里通过使用Apache Commons CLI可以帮助开发者快速构建命令行启动模式，并可以快速生成帮助指令，基于用户启动参数提供不同的服务。...解析阶段——解析命令行参数 CLI通过CommandLineParser的parse方法解析命令行参数。有好几种CommandLineParser的实现类，推荐使用的是DefaultParser。...hasOption方法可以通过选项的名字，判断命令行是否出现该命令。出现则返回true,否则返回false。...help帮助提示，即输入-h命令，就会输出所有的命令参数。

1.5K5 0

Angular CLI 简介

Components. ng generate xxx xxx的命令还是有点长, 这里angular cli内置了命令的别名, 例如: ng generate component person 这个命令...生成Gurad. ng g guard xxx 这个命令将会生成xxx.guard.ts 使用Angular CLI进行Build (构建) 和 Serve 第一篇文章是: "使用angular cli...试试生产环境: ng build --prod 可以看到所有的文件都非常小了, 并且没有vendor了(因为prod下--build-optimizer起作用所以vendor没有了, 但可以使用--vendor-chunk...我认为代码覆盖率这个内置功能是非常好的. Debug单元测试....实际上angular cli是配合着protractor来进行这个测试的. 它的命令是 ng e2e.

6K11 0

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

而 angular-cli-ghpages 这个工具，是用于帮助 Angular CLI 的用户快速发布 Angular 应用到 Github Page。.../dist/main.js angular-cli-ghpages 在使用 angular-cli-ghpages 前，请确保本地已经安装了 Node.js 及 Angular CLI。...首先你需要运行一下命令安装 angular-cli-ghpages： $ npm i angular-cli-ghpages --save-dev 假设你已经完成项目的开发，在发布到 Github Pages...前，你需要进行项目构建，这时你可以执行以下命令： $ ng build --prod --base-href "https://USERNAME.github.io/REPOSITORY_NAME/"...或者使用以下命令： $ ng build --prod --base-href "/REPOSITORY_NAME/" 在项目构建完成后，就可以通过以下的命令自动地把本地项目发布到 Github Pages

1.9K2 0

【开发指南】（一）Ionic3开发环境配置常规ionic的环境搭建如下：

装完nrm后，正常使用npm即可，当执行npm命令时觉得慢，就用nrm命令use切换一下源 nrm主要使用ls和use命令 1）nrm ls是列出来现在已经配置好的所有的源地址；...ionic-cli，是为了便于我们开发编译部署ionic项目的命令行，而ionic-angular其实才是我们常说的ionic框架，每次修复bug、更新功能指的就是它，在package.json里可以查看版本和相关依赖...两者的版本并不是一致，有时候ionic-angular更新了多个版本，而ionic-cli不需要更新，而ionic-cli一般是bug修复、提高命令执行的性能，或调整ionic项目结构时才需要更新。...注意：现在ionic-cli涉及原生相关的命令都会带上cordova，如下面命令 ionic cordova build android 但是有人会省掉ionic，变成这样：...cordova build的，是把www目录打包为原生应用，而ionic cordova build，是先执行基于ionic配置的一系列编译压缩打包命令把src源码生成www目录，再执行cordova

1.9K3 0

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】，从旧版本到.../cli cnpm:cnpm install -g @angular/cli@v1.0.0 yarn:yarn add global @angular/cli 。...ng serve：启动脚手架服务，默认端口4200；自定义什么看帮助额打包 ng build: 开发模式打包，调用的环境文件是/src/environments/environments.ts;...有时候我们想要改源文件或者看到原始配置是怎么样的这货就用到了生成的目录树小解释总结这个脚手架支持sass和less，手动改下.angular-cli.json就可以了。

1191 0

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

添加ngx-build-plus： ng add ngx-build-plus npm 包管理器 Angular、Angular CLI 和 Angular 应用都依赖于某些库所提供的特性和功能，它们都是...要想使用 npm 来安装 CLI，请打开终端/控制台窗口，并输入下列命令： yarn global add @angular/cli 1 要想检查你是否已经安装了 angular/cli，请在终端/控制台窗口中运行...完整命令：ng new my-app --style less 第三步：启动开发服务器 Angular 包含一个开发服务器，以便你能轻易地在本地构建应用和启动开发服务器。...使用 CLI 命令 ng serve 启动开发服务器，并带上 --open 选项。...你也可以在不改变任何代码的情况下改用 AOT 编译器，只要在 CLI 的 build 和 serve 命令中加上 --aot 标志就可以了。

4.8K2 0

Angular实战项目（1）

image.png 使用angular cli使我们无需理会复杂的配置，更加专注Angualr。...image.png 软件真正运行时的依赖是在dependencies 软件开发过程中devDependencies ng new 项目名新建angular项目建议使用这个命令，可以优化压缩等...ng build -prod 生成环境编译不建议使用ng build ng serve 启动开发服务器 Mock Rest API json-server:用于快速搭建REST API的利器安装...image.png 启动 json-server /JSON文件位于的目录/data.json 支持GET,POST,PUT,PATCH,DELETE等Rest命令测试REST API 使用Postman...image.png 常见问题解决错误 npm uninstall -g @angular/cli npm cache clean npm install -g @angular/cli 如果安装出错以上重试

1.8K1 0

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

Angular CLI, Node.js, and Build Tools，作者为Ahmed Bouchefra 在本教程中，我们将学习如何在 Windows 中安装 Angular CLI 并使用它来创建...安装 Angular CLI 后，您需要运行一个命令来生成一个项目，并运行另一个命令来使用本地开发服务器来运行您的应用程序。...@angular/cli 命令成功完成后，您应该已经安装了 Angular CLI。...Angular CLI 快速指南安装 Angular CLI 后，您可以运行许多命令。...参考资料 How to Install Angular on Windows: A Guide to Angular CLI, Node.js, and Build Tools

1510 0

使用 Docker Multi-stage 高效构建镜像

示例项目非常简单的 web 应用，Angular ➕ Nodejs 实现的。..."] 执行 build 命令： docker build -t nodewebapp:v1 ....最后的输出结果：下面启动起来： docker run -it -d -p 3070:3070 nodewebapp:v1 启动后就可以访问了： 3....必须使用 &&、\ 来合并多个 RUM 命令来避免产生额外的层，容易出错。 6. 什么是 Multi-stage Build？.../WebApp/ RUN cd WebApp && npm install @angular/cli && npm install && npm run build FROM node:10 AS server-build

1.5K1 0

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

---- 什么是Angular-cli 简言之：就是NG团队自行维护的一个｀脚手架｀[内置单元测试及webpack2打包工具等]　－－　这货前身是ember-cli；官网：cli.angular.io...@angular/cli -- 看网络了。。。...---- 初始化项目 angular-cli可以初始化ng2或者ng4的项目，我这里说2+；脚手架的命令很多，我这里只列出最常用的；新建东东范围命令作用 new ng new new_project...ng serve：启动脚手架服务，默认端口4200；自定义什么看帮助额 ---- 打包 ng build: 开发模式打包，调用的环境文件是/src/environments/environments.ts...---- 总结这个脚手架支持sass和less，手动改下.angular-cli.json就可以了。

1.8K1 0

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

一. angular-cli.json常见配置 { "project": { "name": "ng-admin", //项目名称 "ejected": false // 标记该应用是否已经执行过...--hmr 注意开启之后，只是在angular-cli里的webpack添加必要的扩展，等价于webpack-dev-server --hot，还需要在应用代码里处理hmr逻辑，如可在main.ts里添加...下面两条等价： ng build --target=production ng build --prod 7.--environment 指定应用执行环境。...CLI会根据指定的值加载对应的环境配置文件。...下面两句等价： ng build --environment=prod ng build --env=prod 构建时会加载angular-cli.json指定的环境配置文件： "environments

1.6K3 0

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

Angular CLI是Angular框架的命令行界面，用于在开发过程中在本地创建，构建和运行应用程序。它旨在在开发服务器上构建和测试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应用程序未在后台运行，您无法再访问命令提示符...因此，在运行时不能执行任何其他命令。因此，您需要一个流程管理器来控制和管理应用程序：连续（永久地）运行它，并使其能够在系统启动时自动启动，如下一节所述。...从浏览器访问Sysmon Angular App Angular CLI主页： https ： //angular.io/cli PM2主页： http ： //pm2.keymetrics.io/

2.9K4 0

点击加载更多

扫码

添加站长进交流群

领取专属 10元无门槛券

手把手带您无忧上云

扫码加入开发者社群

相关资讯

热门标签

活动推荐

运营活动

活动名称

广告关闭