有一次我偶然间看见这个问题，当时我心想，用依赖模块肯定是为了方便啊，比如gulp，webpack等，但是转瞬一想为什么方便呢？我自己没法用语言说服自己，之后看见下面网友的解释，感觉很有道理，在此记录一下（下面内容是我找的网友的）：
作者：浚哲
来源：知乎
如果就几个页面而且比较简单，那当然是直接通过标签引入资源文件方便一些了，这些通常是手机端页面，企业网站或一些展示性的网站。但如果做复杂的web应用，比如管理后台，那么使用npm以及构建会带来非常多的好处，比如：
1、版本管理，直接通过npm选择装适合的版本，避免手动下载，并可随时更新。2、按需加载，框架一般都是整个加载，但一些库不可能全部加载，像lodash，可能只是用到几个工具函数，es6的polyfill，根据需要引进。
3、工程构建，可以用sass，less，stylus写样式，再用postcss处理。可以用es6、es7，甚至typescript写逻辑。
4、模版化开发，避免全局变量的污染。同时方便组织管理文件结构
5、区分开发和构建环境，如果用的是webpack,开发时可以热更新模块，无刷新更新页面。可以配置代理，避免跨域请求的问题。构建打包时，可以压缩文件，并将生成的文件自动在html中生成标签。像vue，react源文件是提供很多的检查项的，帮助检查组件中的一些错误，如果用压缩版的话那警告就全没有了，不然手动切换引用不同文件就比较麻烦了。
所以用npm进行工程构建开发真正的让前端具备大型工程的开发能力，同时也简化了开发方式，大大提高开发效率。