什么是供应商文件？以SAP电商云UI的Angular页面为例，这个vendor.js有17万多行代码：这个文件包含了所有导入到你的应用程序（app.module）的库，包括Angular库。导入到您的应用程序中的第三方库也会编译到此文件中（例如lodash、moment等）。这个文件在开发编译（ngbuild）之后很大，因为它包含了在浏览器中编译Angular所需的一切。在将您的应用程序发布到生产环境之前，始终运行产品构建(ngbuild--prod)。prod构建运行提前(AoT)编译并执行tree-shaking。main.js包含应用程序的动作相关代码，例如Effect实现。在vendor.js中找不到相同效果的实现。在浏览器下载并运行代码之前，Angular提前(AOT)编译器会在构建阶段将AngularHTML和TypeScript代码转换为高效的JavaScript代码。在构建过程中编译您的应用程序可以在浏览器中更快地呈现。vendorbundleJS除了上面这些，还包含什么？制作一个“供应商包”。供应商包包含每个应用程序功能所依赖的所有框架和库。通过将所有这些代码构建到一个包中，客户端可以有效地缓存包，并且您只需要在更新框架或库时重建包。因此，vendor.js不包含自研代码。什么是角束？捆绑是将多个文件组合成一个文件的过程。在我们的例子中，第三方库（如Angular和其他依赖项）将被捆绑到vendor.bundle.js中。更多Jerry原创文章在这里：《王子熙》：
