如果我请与角CLI创建角2项目的index.html文件,我可以看到页面从DIST文件夹只有inclue 3个文件:
inline.bundle.js
vendor.bundle.js
main.bundle.js
但现在我想understnad了每个文件做。我写的成分与角CLI,我已经降级,所以我可以用它与角1.写另一个应用程序如果我只是这3个文件添加到我的index.html,再加上加app.module.ts文件,好像我已经升级我的应用程序,一切工作正常。我想unserstnad为什么,becouse谷歌的角度toturial不是在谈论角CLI和如何将其与迁移帮助。
让我们来看看:
这是一个的WebPack装载机。与公用事业的WebPack一个小小的文件加载其他文件时是必要的。
最终,这将index.html文件本身内写入并没有被作为一个单独的文件,同时生成的。
这是通过在缺省DEV方式产生的,并且通过在默认模式PROD(ng build -prod
或ng serve -prod
)忽略。
它包括很少或根本没有修改的角库。这是加快构建过程。还有些人认为这是一个好主意,让这些在一个单独的文件时,它并没有太大变化,然后它可以缓存更长的时间。
典型的角做法,虽然是将它们合并到主束,而这样做的时候,运行的WebPack树摇动,这将删除从未在您的应用,其进口任何其他模块中引入任何的EcmaScript /打字稿模块。这意味着最终的包要小得多。例如,提前时间编译器(AOT)的运行时,角度编译器获取树摇动了。
可以明确地控制通过设置参数--vendor-chunk
产生一个单独的供应商束或没有。
你自己的代码,和其他任何你输入等,如前点解释。