Angular新手咨询：执行ng serve后初期下载的文件包含app.module吗？

嘿，作为刚入坑Angular的新手，能留意到ng serve背后的文件细节，说明你真的在认真琢磨呀！我来给你好好捋一捋：

一、ng serve初期浏览器会加载的核心文件 #

当你执行ng serve后，Angular会先编译项目，然后开发服务器会把这些核心文件推送给浏览器：

• runtime.js：负责模块加载的“幕后管家”，处理Angular的模块解析、加载逻辑，确保各个模块能正确关联
• polyfills.js：兼容性补丁集合，让Angular能在各种浏览器（包括一些旧版本）上顺利运行，比如处理ES6+特性的兼容问题
• styles.js：项目全局样式的编译产物，包含你在styles.css/styles.scss里写的全局样式，以及引入的第三方样式库
• vendor.js：打包了Angular框架核心库（比如@angular/core、@angular/router这些）和你安装的第三方依赖包，是支撑应用运行的“基础工具包”
• main.js：项目的入口文件，对应你项目里的main.ts，它会触发Angular应用的启动流程

二、app.module文件是否在初期下载的文件里？ #

答案是：它不会作为单独文件被下载，但会被包含在main.js中！

因为你的main.ts里会导入AppModule，并通过platformBrowserDynamic().bootstrapModule(AppModule)来启动整个应用。当Angular编译打包时，app.module.ts的代码会被合并到main.js里，和入口逻辑一起被浏览器加载。

如果你的项目开启了源代码映射（默认开发环境是开启的），你可以在浏览器开发者工具的Sources面板里看到app.module.ts的源码，但这是通过.map文件映射过来的，并不是浏览器单独下载了原文件哦。

内容的提问来源于stack exchange，提问作者adam90