Angular 4:单独加载供应商
Angular 4是一种用于构建Web应用程序的开源JavaScript框架。它是Angular框架的第四个主要版本，具有许多改进和新功能。
单独加载供应商（Separate Vendor Bundling）是一种优化Angular 4应用程序性能的技术。它通过将应用程序代码和第三方库（供应商）代码分开打包，以便在应用程序加载时只加载必要的代码，从而减少初始加载时间和带宽消耗。
优势：
- 减少初始加载时间：单独加载供应商可以减少初始加载时间，因为只有应用程序代码需要在页面加载时下载和执行。
- 减少带宽消耗：由于只加载应用程序代码，而不是整个库和框架，因此可以减少带宽消耗。
- 提高缓存效果：由于供应商代码通常不经常更改，将其单独打包可以提高浏览器缓存的效果，从而进一步减少加载时间。
应用场景： 单独加载供应商适用于任何使用Angular 4构建的Web应用程序，特别是对于大型应用程序或需要快速加载的应用程序。
推荐的腾讯云相关产品和产品介绍链接地址： 腾讯云提供了一系列与云计算相关的产品和服务，其中包括云服务器、云数据库、云存储等。以下是一些推荐的腾讯云产品和产品介绍链接地址：
- 云服务器（CVM）：腾讯云的云服务器提供了高性能、可扩展的虚拟服务器实例，适用于各种应用场景。了解更多：https://cloud.tencent.com/product/cvm
- 云数据库MySQL版（CDB）：腾讯云的云数据库MySQL版提供了高可用、可扩展的MySQL数据库服务，适用于各种规模的应用程序。了解更多：https://cloud.tencent.com/product/cdb_mysql
- 云存储（COS）：腾讯云的云存储提供了安全、可靠的对象存储服务，适用于存储和管理各种类型的数据。了解更多：https://cloud.tencent.com/product/cos
请注意，以上链接仅供参考，具体的产品选择应根据实际需求和情况进行评估和决策。
相关·内容
2回答
目前，我正在尝试弄清楚如何从构建中独立加载供应商。小背景:由于Websphere Portal中使用Angular的一些限制，我们在一个页面中包含了多个Angular 4应用程序。为了保持较低的加载时间，我想从每个应用程序中删除供应商，并将其包含在父页面中。这样做会导致错误： at angular.vendor.js:1
有没有办法做到这一
浏览 6提问于2017-08-11得票数 0
1回答
我的应用程序是使用JSPM和SystemJS加载模块，并使用角。因此，我的应用程序的初始加载时间很长，因为有那么多大文件，如angular.js、browser.js等，加载时间太长。我知道，我可以做一个jspm bundle来递归地缩小所有依赖文件，其中也包括供应商的文件。但我的问题是：
1 -可以直接使用供应商的精简文件(angular.min.js)吗？使用供应商缩小的文件而不是缩小我们的货架是很好的，不是吗？2 - -如果上面的一个是不可能的，
浏览 1提问于2017-06-12得票数 14
我正在尝试减少我的angular (Angular 6)应用程序的页面初始负载。我已经延迟加载模块，缩减js和css，将"--prod -- build -optimizer --aot“标签添加到我的构建脚本中，但没有找到任何解决方案来减少"polyfills”脚本的执行时间。
浏览 25提问于2019-05-13得票数 3
我们目前正在构建一个企业Angular应用程序。默认情况下，当使用Angular-CLI构建和运行应用程序时，所有特定于供应商的代码都捆绑到main.js文件中。我想知道，当使用延迟加载的模块时，是否有可能将延迟加载的模块使用的3pp捆绑到一个单独的js文件中，该文件在加载延迟加载的模块时加载？而不是像Angular-CLI中开箱即用的那样将它们全部捆绑到主包中？
浏览 0提问于2018-04-12得票数 1
我在angular2中使用systemjs-builder。Main.ts
import/AppModule';
import {NgModule, CUSTOM_ELEMENTS_SCHEMA, ErrorHandler} from "@angular<
浏览 4提问于2017-02-18得票数 0
为了尽量减少向服务器发出的请求数量，并提高加载时间，我考虑将所有JS文件连接起来，包括供应商js文件，如angular、jquery、.这是一个常见的做法，但我经常看到网站不包括他们的供应商JS文件在同一个但是，有时，它们是单独的供应商JS文件，在同一台服务器上提供服务，例如在Github上：Github有：
.
浏览 3提问于2013-07-31得票数 5
回答已采纳
拥有一个MainApp，它动态地加载供应商和应用程序包的SubApp。这不管用。module.context && module.context.indexOf('node_modules') >= 0; }),};import angularfrom 'angular';
.component
浏览 5提问于2017-05-07得票数 2
现在，我想将它们浏览器化为一个单独的供应商包，并将它们声明为“外部”依赖项。我想给它们起个别名，这样我就可以"require('angular')“而不是"require('angular/angular')"，就像你可以处理外部变量一样。我看到的示例(例如)都假设我已经将供应商文件下载到'lib‘目录中。我只想捆绑来自node_modules的供应商文件。这看起来应该很简单，但我
浏览 0提问于2014-03-11得票数 27
当我从服务器为初始请求提供index.html时，当生产中的应用程序加载时间超过5秒或6秒时，由于供应商模块JS文件超过3MB，加载时间更长。import '@angular/core';import '@angular
浏览 3提问于2016-06-28得票数 0
1回答
但是在导入zone.js作为全局变量之后，我得到了这个错误：我的包裹及其版本： "angular2": "2.0.0-beta.3",
"如何通过将zone.js公开为全局变量来正确导入WebPack(因为我使用的是WebPack，所以使用公开加载程序)？
浏览 4提问于2016-02-12得票数 1
回答已采纳
1回答
创建用户向导和c#
、、、
我的情况是: 1.一个web应用程序有两种类型的用户--“客户端”和“供应商”。2.他们每个人都有自己单独的注册过程。3.在主页上，我想要两个不同的按钮--按钮1是“您是客户吗”，按钮2是“您是供应商吗”4.按钮1将加载客户5的createuserwizard向导。按钮2将加载供应商的createuserwizard向导
就这样。我该如何做到这一点呢？
浏览 3提问于2011-06-14得票数 0
我目前有一个使用webpack 2构建的angular 2应用程序。我让它忽略任何angular或任何第三方库，因为我的目的是在不同的webpack捆绑进程中单独加载/维护这些库(与我的应用程序配置不同的webpack配置)。像lodash这样的东西可以很好地工作，因为它们是作为全局变量加载的，但是在angular 2中，我不能以同样的方式工作。我曾尝试创建一个只包含angular 2库及其依赖项(如zone和rxjs )的webpack“供应商</e
浏览 16提问于2017-01-27得票数 1
回答已采纳
我在angular 5.2.6上开发了一个项目，但问题是当我加载应用程序时，几乎需要20-30秒。如何最小化供应商文件以更快地加载应用程序？
浏览 2提问于2018-04-02得票数 0
我在不同的angular版本中看到了一些减少vendor.js文件大小的帖子。即2,4,6,7，但是找不到任何专门针对Angular 8的信息。我的Vendor.js文件版本在最初创建项目时是10MB，由于加载生产版本需要更长的时间。有没有办法减小这个尺寸？ 据我所知，我在angular.js文件中启用了压缩，但没有成功。
浏览 88提问于2020-04-13得票数 2
回答已采纳
我正在将我的Angular2 RC5应用程序转换为使用。我还使用Angular2编译器(ngc)提前编译，然后将应用程序文件连接并缩小到bundle.min.js中，并将外部库合并到一个单独的“供应商”文件中。现在，我想要懒惰地加载，同时仍然以捆绑包的形式提供应用程序，以减少加载时间。我可以在不将代码捆绑到开发版本中的情况下让延迟加载工作，但是当使用捆绑和最小化创建生产版本时，我不知道如何让它工作。
浏览 11提问于2016-08-23得票数 1
我计划在angular js4中为Magento创建一个单独的移动网站。站点。
在这种情况下，我如何管理站点Urls？
浏览 6提问于2017-07-11得票数 0
我正在用angular-cli 1.2.6构建一个小的Angular 4应用程序。在开发过程中，一切都运行得很好，并且它使用ng build --dist成功构建。但在运行时，没有找到我用作服务的名为toastr的第三方供应商之一--当注入时，它是undefined。以下是我如何将其包含到项目中：...我在一个单独的文件中创建了一个注入令牌：
import {InjectionToken} from '@angular
浏览 17提问于2017-08-27得票数 0
回答已采纳
我正在尝试设置一个Laravel和角应用程序。我想把我的工作文件放在resources/assets/js下，然后使用webpack和灵丹妙药编译这些代码，并在我的公共目录中创建一个app.js文件。但我不知道该怎么做？有人能用一种基于步骤的方法来指导我吗？
浏览 5提问于2017-02-21得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM活动推荐
腾讯云开发者
