Angular 2捆绑和最小化

Angular 2 Bundling and Minification

本文关键字：最小化 Angular      更新时间：2023-09-26

我看了很多关于angular 2的教程，但我无法回答一些问题：

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

当前如何处理应用程序的模块加载？我对webpack不太熟悉，但SystemJS提供了一个构建器/绑定器，它将为您完成所有这些，然后您只需要在html中包含绑定/构建文件的脚本。

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

这里是英雄之旅的一个例子，其中所有的Typescript源都被绑定到一个JS文件中。

Angular CLI现在让这一切变得非常容易，支持捆绑和缩小（在下面使用WebPack，但无需任何设置），以及提前编译模板，这大大减少了捆绑包的大小。

请参阅：Angular 2:缩小应用程序大小（除了捆绑/缩小）

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

相关文章：