在开发前端项目时，我们常常使用 npm 包来引用第三方库。而在发布 npm 包之前，我们需要处理一些操作，比如：编译、压缩、转换等等。那么，我们如何在发布 npm 包前自动完成这些操作呢？这时候，npm 包的 prepublish 脚本就派上用场了。
prepublish 是一个钩子(hooks)，它会在执行 npm publish 命令之前运行脚本。使用 prepublish，我们可以在发布 npm 包前自动执行一些特定的操作，例如：
- 在发布包之前，在代码上运行 ESlint 来自动检测语法错误
- 将源码压缩为生产版本
- 执行测试命令并检查测试结果
- 在发布包之前，生成文档
接下来，我们会详细介绍 prepublish 的使用方法，并提供示例代码。
操作方法
在包的 package.json 文件中，可以通过以下方式来定义 prepublish 钩子：
{
"name": "my-package",
"version": "1.0.0",
"scripts": {
"prepublish": "echo pre-publishing"
}
}在运行 npm publish 命令之前，会自动执行 prepublish 命令。
注意：当你在本地使用 npm install 安装本地开发包时，prepublish 命令不会执行。
示例代码
为了更好地理解 prepublish 的使用方法，接下来我们提供一个示例。这个示例展示了如何使用 prepublish 来压缩和转换源代码。
- 首先，安装两个 npm 包：
babel-cli和uglify-js。
npm install --save-dev babel-cli uglify-js
- 接着，在
package.json文件中定义prepublish命令。
{
"name": "my-package",
"version": "1.0.0",
"scripts": {
"prepublish": "npm run build",
"build": "babel src -d lib && uglifyjs lib/index.js -o lib/index.min.js"
}
}我们在 package.json 文件中定义了 prepublish 命令，它会在 npm publish 前执行。这个命令会调用 npm run build 命令，同时 build 命令使用 babel 和 uglify-js 来转换和压缩代码。其中，build 命令的内容为：
babel src -d lib && uglifyjs lib/index.js -o lib/index.min.js
其中，babel src -d lib 命令会将 src 目录下的 ES6 代码转换为 ES5 代码，并将该代码保存至 lib 文件夹中。而 uglifyjs lib/index.js -o lib/index.min.js 命令则会将 lib/index.js 文件压缩为 lib/index.min.js 文件。
- 最后，现在你可以执行
npm publish命令，发布你的 npm 包了。
npm publish
这时候，prepublish 命令会自动帮你转换和压缩代码，准备好发布的代码。
结论
使用 prepublish 可以自动化执行一些操作，从而在发布 npm 包前准备好代码。本文中，我们提供了 prepublish 的使用方法以及一个示例代码，希望对你有所帮助。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/56713