我们日常开发中，最常接触到这几个概念，弄清楚它们之间的关系是十分重要的。
node是什么？
Node.js是一个基于Chrome V8引擎的JavaScript运行环境，让我们在各个操作系统下可以运行JavaScript，它的底层是用C/C++编写的。在Node.js出现之前，使用JavaScript语言编写的脚本需要在网页中被
npm是什么？
Npm 是在安装 Node.js 时附带的包管理器。 npm的作用：
如果每当我们需要别人的代码时，都根据名字搜索一下，下载源码，解压，再使用，会非常麻烦。于是就出现了包管理器npm。 大家把自己写好的源码上传到npm官网上，如果要用某个或某些个，直接通过npm安装就可以了，不用管那个源码在哪里。 并且如果我们要使用模块A，而模块A又依赖模块B，模块B又依赖模块C和D，此时npm会根据依赖关系， 把所有依赖的包都下载下来并且管理起来。
Npm Script 则是 Npm 内置的一个功能，允许在 package.json 文件里面使用 scripts 字段定义任务：{ "scripts": { "dev": "node dev.js", "pub": "node build.js" } } 每个属性对应一段 Shell 脚本。例如执行 npm run pub 命令等同于执行命令 node build.js。 npm init即可创建一个 package.json 文件。 然后对整个项目进行管理。
webpack是什么？
webpack拆分出来读，就是web pack，就是web打包工具。它主要是将我们开发的代码转换成浏览器可执行的 JavaScrip、CSS、HTML 代码。它的工作包括：代码转换（比如TypeScript 编译成 JavaScript）、文件优化（比如压缩 JavaScript代码）、代码校验（代码规范检验）等
其他构建的工具还有如rollup、vite，这里就不多介绍了。
npm和webpack的关系是怎样的？
- 我们可以通过以下命令安装到项目中：npm i -D webpack，也可以直接安装到电脑的全局里面。
- 通常，我们在package.json中引入我们依赖的包（dependencies下面的），然后通过npm将它们下载下来。webpack就可以直接引用这些包了
- npm和webpack是相互独立的，也可以说webpack是依赖于npm的。
