为何空AngularJS项目占用300MB？Java/Tomcat开发者求助

嘿，作为资深Java/Tomcat开发者第一次接触前端工具链，被300MB的“空项目”吓到太正常了——毕竟和Tomcat那45KB的极简结构比起来，简直是天差地别。先给你吃个定心丸：你没有操作失误，这个体积是完全合理的，原因主要在于前后端项目的本质差异：

• 依赖管理逻辑完全不同
  Tomcat的空项目只是一个基础的目录结构和配置文件，它依赖的Tomcat核心运行环境是全局安装或者部署在服务器上的，项目本身不需要包含这些依赖。而前端工具链（npm/bower/Yeoman）的逻辑是把所有依赖本地安装到项目目录中——包括AngularJS核心库、构建工具（比如打包、编译相关的依赖）、测试框架（Jasmine/Karma这类）、甚至一些默认集成的辅助工具，这些包加起来体积自然就上去了。

• Yeoman的“空项目”其实是完整开发脚手架
  你用Yeoman生成的“空项目”并不是真的空，它是一个开箱即用的开发环境模板：默认帮你配置好了代码构建流程、代码检查规则、测试套件、甚至可能包含一些常用的前端工具类或基础组件。这些配套工具都需要对应的依赖包支持，所以看起来是空项目，实则包含了一整套开发所需的基础设施。

• 前端依赖的树形结构放大了体积
  前端依赖是多层级的树形结构：一个看似简单的包可能依赖几十个更小的子包，这些都会被完整下载到项目的node_modules目录里——你可以去看看这个目录，它几乎占了300MB里的99%。而Tomcat项目没有这种本地依赖目录，所有核心依赖都是外部提供的。

小提示 #

如果想临时缩小项目体积，可以在安装依赖时加上--production参数（npm install --production），这样只会安装生产环境必需的依赖，开发相关的工具包会被跳过，体积会小很多。不过开发阶段还是建议保留完整依赖，方便调试和构建。

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