Question

我是Angular的新手，并且想知道当我们为应用程序提供服务时，Webpack在幕后扮演什么角色。在最初的印象中，我已经知道webpack充当构建和打包工具，它将所有必需的JS文件分组到单独的包中。但是，我无法找到webpack配置文件，无法确定角度和webpack在图片中的组合方式。

因此，当我提供角度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.

任何帮助都将不胜感激。

Answer 1

Angular CLI根据您传入的项目配置选项，有效地将Webpack配置文件放在一起。

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

Answer 2

基本上你完全正确！

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

顺便说一下：自2016年底开始使用webpack，与Broccoli＆amp; amp; amp; SystemJS例如AoT和更快的构建时间。

Webpack在Angular的服务中的作用

2 个答案: