Webpack 在 Angular ng 服务中的作用答案

【问题标题】：Role of Webpack in Angular's ng serveWebpack 在 Angular ng 服务中的作用
【发布时间】：2017-12-05 10:00:41
【问题描述】：

我是 Angular 的新手，想知道当我们为应用程序提供服务时，Webpack 在幕后扮演什么角色。在最初的印象中，我开始知道 webpack 充当构建和打包工具，它将所有必需的 JS 文件分组到单独的包中。但是，我找不到 webpack 配置文件，也无法弄清楚图中 angular 和 webpack 是如何结合在一起的。

所以当我提供 angular 4 应用程序时，这就是终端上打印的内容。无法完全理解幕后发生的事情。

webpack: Compiling...
Date: 2017-12-05T07:13:25.436Z
Hash: a6d360a858a29480ebbc
Time: 310ms
chunk {inline} inline.bundle.js, inline.bundle.js.map (inline) 5.83 kB [entry]
chunk {main} main.bundle.js, main.bundle.js.map (main) 35.4 kB {vendor} [initial] [rendered]
kB {vendor} [initial] [rendered]                            ap (polyfills) 200 kB {inline} [initial]chunk {polyfills} polyfills.bundle.js, polyfills.bundle.js.map (polyfills) 200 kB {inline} [initial]
chunk {styles} styles.bundle.js, styles.bundle.js.map (styles) 195 kB {inline} [initial]chunk {vendor} vendor.bundle.js, vendor.bundle.js.map (vendor) 3.65 MB [initial]
webpack: Compiled successfully.

任何帮助将不胜感激。

【问题讨论】：

标签： angular webpack

【解决方案1】：

Angular CLI 根据你传入的项目配置选项有效地动态组合一个 Webpack 配置文件。

您可以找到生成此配置 here 的主要代码，以及在运行 ng serve here 时将其传递给 Webpack 的代码。

【讨论】：

你能否详细说明一下这个过程，以便清楚地了解 webpack 是如何创建这些包的。如果可能的话，任何链接都在 Angular 的上下文中详细解释。谢谢
@SalmanKazmi: 没什么好详细说明的——我链接的代码生成了一个标准的 Webpack 配置（如文档中的here），从那时起，构建的工作原理与任何其他 Webpack 构建。
你能更新github链接吗？链接坏了，

【解决方案2】：

基本上你是完全正确的！

也许你想看看官方文档中的 webpack 文章？ https://angular.io/guide/webpack

顺便说一句：webpack 从 2016 年底开始使用，与 Broccoli 和 SystemJS 相比具有一些优势，例如 AoT 和更快的构建时间。

【讨论】：

我阅读了您提到的链接中提供的详细说明。这些信息虽然有用，但再次针对一般地解释 Webpack。我正在寻找可以详细解释事情的资源。不过还是谢谢。
不客气，我也是新手，刚刚找到此链接，并认为您可能想查看它；）