【问题标题】:steps to create a "Webpack" in angular 2 using "npm"使用“npm”在 Angular 2 中创建“Webpack”的步骤
【发布时间】:2017-03-08 11:41:14
【问题描述】:

我是 angular2 的初学者,我无法理解“Webpack bundles”的概念,谁能指导我如何使用“npm”在 Angular 2 中创建 webpack

【问题讨论】:

标签: angular npm webpack typescript-typings


【解决方案1】:

我建议你使用angular-cli

这就是为什么:

Angular CLI 只是一个命令行界面,它捆绑了上面提到的一些技术。喜欢它可以帮助您生成代码,遵循官方 Angular 2 StyleGuide 的最佳实践。在底层它使用了 Webpack,就像我们上面提到的一样(压缩文件,捆绑它们等等)。不同之处在于您不必了解 Webpack、它是如何工作的以及它必须如何配置和设置。它将由 CLI 为您完成,显然在它的范围内。

更多信息请参见:What is the difference between Angular CLI, Webpack, Browsersync etc?

【讨论】:

    【解决方案2】:

    Webpack 是一个模块打包器。当它在文件中找到所有导入/需要时,它会捆绑依赖项。您可以在 Angular 中看到大量导入语句,您必须在其中导入特定的 @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

    【讨论】:

      猜你喜欢
      • 2017-06-26
      • 1970-01-01
      • 2016-05-09
      • 1970-01-01
      • 2012-02-25
      • 1970-01-01
      • 1970-01-01
      • 2019-12-17
      • 1970-01-01
      相关资源
      最近更新 更多