为每个Angular项目生成大量文件

我想为Angular创建一个简单的Hello World应用程序。

当我按照官方快速入门中的说明进行安装时,我的项目中创建了32,000个文件。

我认为这是一些错误,或者我错过了一些东西,所以我决定使用angular-cli,但是在建立项目之后,我计算了41,000个文件。

我哪里做错了? 我错过了真正明显的东西吗?


你的配置没有问题。

Angular(自2.0版以来)使用npm模块和依赖项进行开发。 这是你看到这么多文件的唯一原因。

Angular的一个基本设置包含转译器,类型依赖关系,这对于开发目的来说是必不可少的。

一旦你完成了开发,你需要做的就是捆绑这个应用程序。

绑定应用程序后,将只有一个bundle.js文件,然后您可以在服务器上部署该文件。

'transpiler'只是一个编译器,谢谢@omninonsense的补充。


                                Typical Angular2 Project

NPM软件包 文件(开发) 真实世界文件(部署)

@angular                       3,236                             1
rxJS                           1,349                             1*
core-js                        1,341                             2
typings                        1,488                             0
gulp                           1,218                             0
gulp-typescript                1,243                             0
lite-server                    5,654                             0
systemjs-builder               6,470                             0
__________________________________________________________________
Total                         21,999                             3  

*bundled with @angular

[看到这个捆绑过程⇗ ]


你的开发配置没有任何问题。

您的生产配置有问题。

当你开发一个“Angular 2项目”或“任何基于JS的项目”时,你可以使用所有文件,你可以尝试所有文件,你可以导入所有文件。 但是,如果你想为这个项目,你需要所有结构的文件,摆脱无用的文件。

有很多选项可以将这些文件组合在一起:

  • YUI压缩机
  • Google Closure编译器
  • 对于服务器端(我认为最好)GULP
  • 链接地址: http://www.djcxy.com/p/31295.html

    上一篇: Huge number of files generated for every Angular project

    下一篇: Angular HTML binding