npm run build
`npm run build` 是一个在 Node.js 项目中常用的命令，它通过 npm（Node Package Manager）执行项目中定义的构建脚本。npm 是 Node.js 的包管理器，用于管理项目中的依赖和执行脚本。
### 解释命令
1. **npm**: 这是 Node.js 的包管理器，用于安装和管理项目依赖，同时也可以用来运行定义在 `package.json` 文件中的脚本。
2. **run**: 这是 npm 的一个命令，用于运行 `package.json` 文件中定义的脚本。
3. **build**: 这是 `package.json` 文件中定义的一个脚本名称。当你执行 `npm run build` 时，npm 会查找 `package.json` 文件中的 `scripts` 部分，找到名为 `build` 的脚本，并执行它。
### package.json 中的 scripts 部分示例
假设你的 `package.json` 文件包含如下内容：
{
"name": "my-project",
"version": "1.0.0",
"scripts": {
"build": "webpack --config webpack.config.js",
"test": "echo \"Error: no test specified\" && exit 1"
},
"devDependencies": {
"webpack": "^4.46.0"
}
}
在这个例子中，`scripts` 对象定义了两个脚本：`build` 和 `test`。`build` 脚本指定了要运行的命令 `webpack --config webpack.config.js`，这意味着当你执行 `npm run build` 时，npm 会调用 webpack 并使用 `webpack.config.js` 配置文件来构建项目。
### 举例说明
假设你正在开发一个前端项目，使用 webpack 作为模块打包器。你的项目目录结构可能如下：
my-project/
│
├── package.json
├── webpack.config.js
└── src/
├── index.js
└── ...
在 `package.json` 中，你定义了 `build` 脚本来运行 webpack：
{
"scripts": {
"build": "webpack --mode production"
}
}
当你在命令行中运行 `npm run build` 时，npm 会执行以下操作：
1. 查找 `package.json` 文件。
2. 在 `scripts` 部分找到名为 `build` 的脚本。
3. 执行 `webpack --mode production` 命令，这将根据 webpack 的配置打包项目资源，通常包括压缩 JavaScript 文件、合并文件、优化图片等。
构建完成后，webpack 会在指定的输出目录（通常是 `dist/` 或 `build/` 目录）生成最终的静态文件，这些文件可以部署到服务器上供用户访问。
### 总结
`npm run build` 是一个非常实用的命令，它允许开发者通过 npm 来运行项目构建脚本，简化了构建流程，并且可以轻松地集成到自动化工具和持续集成/持续部署（CI/CD）流程中。
