使用“ npm”在角度2中创建“ Webpack”的步骤

Question

我是angular2的初学者，我无法理解“ Webpack捆绑包”的概念，有人可以指导我如何使用“ npm ”在angular2中创建Webpack。

Answer 1

Webpack是一个模块捆绑器。 当在文件中找到所有导入/需求时，它将捆绑依赖项。 您可以在angular中看到大量的import语句，您必须在其中导入特定的@angular模块，例如：

import { Component } from '@angular/core'; // the angulars module
import { AppComponent } from './app/app.component'; // custom module  

这种打包成一个js文件的导入是由webpack完成的。

一些配置和文档@ webpack.js.org:version 2.xx

Answer 2

我建议您使用angular-cli 。

这就是为什么：

Angular CLI只是一个命令行界面，捆绑了上面提到的一些技术。 像它一样，它可以帮助您遵循官方Angular 2 StyleGuide的最佳实践来生成代码。 它在后台使用Webpack来精确地处理我们上面提到的内容（缩小文件，将其打包等）。 区别在于您不必了解Webpack，Webpack的工作方式以及如何配置和设置。 显然，它会在CLI的范围内，由CLI为您完成。

请参阅此以获取更多信息： Angular CLI，Webpack，Browsersync等之间有什么区别？