Angular4设置指南

时间:2017-10-03 09:03:56

标签: angular webpack installation

目前看来angular-cli非常受欢迎,但我希望更好地了解如何建立一个新的Angular(V4)项目。

在此设置期间,我还想完全了解集成WebPack的影响。我不想使用“ng eject”选项,因为我希望从一开始就完全控制配置,以便我可以进行实验。

我真的很难找到使用最新版Angular而不使用angular-cli的最新教程。

任何人都可以指出我正确的方向指导教程,或者使用绝对最小骨架框架的正确种子吗?

由于

2 个答案:

答案 0 :(得分:0)

您可以参考此链接以了解webpack。阅读本文后,您将可以进行实验。

Angular webpack

要创建角度cli以外的角度应用程序,可以使用VS尝试此操作。请参阅此 Building Angular app with Visual studio

使用angular cli创建新项目时,开始实验就足够了。 (这是我的意见。)

答案 1 :(得分:0)

一般来说,知道CLI黑盒中发生了什么是一个很好的方法,但我必须说学习曲线很陡。如果您曾经使用过“ng eject”并查看生成的webpack配置,那么您就知道我在说什么了。我建议开始学习webpack,设置一个简单的项目并逐步扩展它。

在大多数情况下,您需要2个配置文件,一个用于本地开发,另一个用于分发构建。我更喜欢使用“通用”配置并使用webpack-merge插件扩展它以用于dev和dist构建。

然后添加插件和加载器以支持typescript,less和资产文件,如图片和字体。在一个简单的webpack项目中添加Angular也没有任何问题,但是要获得与ng-CLI相同的功能支持,包括AOT,延迟加载和使用ngtools webpack插件所需的其他专业优化:https://www.npmjs.com/package/@ngtools/webpack

在学习过程中,您一定会弄清楚ng-CLI的有用性以及它远离用户的复杂程度。拥有自定义设置的优势显然是Webpack的完全控制和可扩展性。特别是如果您依赖自定义webpack插件,则无法使用自己的webpack配置。

我曾经开始尝试使用没有ng-CLI的Angular项目,它已经过时了,但也许你可以得到一个如何做到这一点的印象: https://github.com/TekTimmy/angular2-seed