为每个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的项目”时,你可以使用所有文件,你可以尝试所有文件,你可以导入所有文件。 但是,如果你想为这个项目,你需要将所有结构的文件,摆脱无用的文件。
有很多选项可以将这些文件组合在一起:
上一篇: Huge number of files generated for every Angular project
下一篇: Angular HTML binding