Angular 2 Bundling and Minification

Question

我观看了很多角度2的教程，我不能提出一些问题：

• 1-我应该使用webpack进行缩小和捆绑吗？
• 2-我应该缩小并捆绑组件本身的js。
• 3-我应该缩小并捆绑组件公开的js服务，例如 personService.js用于person.ts？
• 4-路径会发生什么 我在组件内部提供的服务，现在它将在一个 档案位于另一个地方？我应该改变的路径 在组件中调用的服务取决于我是否在开发o 生产？

Answer 1

您目前如何处理应用程序的模块加载？我对webpack并不熟悉，但SystemJS offers a builder/bundler会为你完成所有这些，然后你需要在你的html中包含你的捆绑/构建文件的脚本。

Answer 2

我没有使用过Webpack，但SystemJS对我来说效果很好。 Gulp可用于使用system.config.js构建，缩小和捆绑所有代码，以担心源和依赖项的文件位置。

以下是Tour of Heroes的example，其中所有的Typescript源都捆绑在一个JS文件中。

Answer 3

Angular CLI现在使所有这一切变得非常简单，支持捆绑和缩小（使用下面的WebPack，但无需设置）和Ahead-of-Time模板编译，大大减少了包大小

请参阅：Angular 2: Reduce app size (in addition to bundling/minification)

它还设置了开发和生产环境，如果你在dev与prod中有不同的设置，你可以导入到组件中，你也可以创建自己的自定义环境并使用它们。