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

Question

我是angular2的初学者，我无法理解“Webpack捆绑”的概念，任何人都可以指导我如何使用“ npm ”创建角度2的webpack

Answer 1

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

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

这种在单个js文件中捆绑的导入是由webpack完成的。

Some configuration and docs @ webpack.js.org:version 2.x.x

Answer 2

我建议您使用angular-cli。

这就是原因：

  

Angular CLI只是一个命令行界面，它捆绑了上面提到的一些技术。它可以帮助您生成代码，遵循官方Angular 2 StyleGuide的最佳实践。在引擎盖下它使用Webpack，正是我们上面提到的东西（缩小文件，捆绑它们等等）。不同之处在于您不必了解Webpack，它是如何工作的以及如何配置和设置它。它将由CLI完成，显然在你的范围内。

有关详情，请参阅此处：What is the difference between Angular CLI, Webpack, Browsersync etc?