webpack、npm、node、nodejs之间的关系

简略：

1、手撸HTML,CSS,JS的时代已经过去，前端产品，不再是手撸HTML了，他们会先安装node.js，用npm，用webpack，用yarn，用各种cli。

2、vue-cli

是一个vue项目的脚手架，可以快速的构建一个vue的基于npm的模块化项目，vue内部的打包机制其实还是借助webpack；

3、webpack

是一个打包工具，可以帮你把你通过模块化开发的项目 打包为简洁版的浏览器可识别的静态资源；

4、npm包管理工具

传统的HTML,CSS,JS管理太繁杂，模块化就是其中一项成功实践，而npm就是为模块化产生。

npm 由三个独立的部分组成：

网站
注册表（registry）
命令行工具 (CLI)
网站 是开发者查找包（package）、设置参数以及管理 npm 使用体验的主要途径。
注册表 是一个巨大的数据库，保存了每个包（package）的信息。
CLI 通过命令行或终端运行。开发者通过 CLI 与 npm 打交道。

webpack就把 你通过npm中安装的包  打包成更小的浏览器可读的静态资源

5、webpack是npm生态中的一个模块，我们可以通过全局安装webpack来使用webpack对项目进行打包；
webpack的运行依赖于node的环境。npm 是 Node.js 官方提供的包管理工具，他已经成了