标签：vendor 代码 应用程序 js 编译 Angular

What is vendor file in angular?

以 SAP 电商云 UI 的 Angular 页面为例，这个 vendor.js 有超过 17 万行代码：

此文件包含导入您的应用程序 (app.module) 的所有库，包括 Angular 库。 导入到您的应用程序中的第三方库也会被编译到此文件中（例如 lodash、moment 等）。

这个文件在开发编译（ng build）之后很大，因为它包含在浏览器中编译 Angular 所需的一切。 在将您的应用程序发布到生产环境之前，始终运行 prod 构建 (ng build –prod)。 prod 构建运行 Ahead of Time (AoT) 编译并执行 tree-shaking。

main.js

包含应用程序的 action 相关代码，比如 Effect 实现。

同样的 effect 实现，在 vendor.js 里找不到。

在浏览器下载并运行代码之前的构建阶段，Angular 提前 (AOT) 编译器将您的 Angular HTML 和 TypeScript 代码转换为高效的 JavaScript 代码。在构建过程中编译您的应用程序可在浏览器中提供更快的渲染。

除了上面的内容，vendor bundle JS 还包含什么？制作“供应商捆绑包”。供应商包包含每个应用程序功能所依赖的所有框架和库。通过将所有这些代码构建到单个包中，客户端可以有效地缓存包，并且您只需要在框架或库更新时重新构建包。因此，vendor.js 里不包含自开发代码。

什么是 angular bundle？

捆绑是将多个文件合并为一个文件的过程。在我们的例子中，Angular 等第三方库和其他依赖项将被捆绑到 vendor.bundle.js 中。

更多Jerry的原创文章，尽在："汪子熙":

标签：vendor,代码,应用程序,js,编译,Angular
来源： https://www.cnblogs.com/sap-jerry/p/15391321.html

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。