掌握妙招巧调试，本地开发 npm 包事半功倍

2023-12-15 17:17:01

npm run 和 npm start

npm run 和 npm start 是最常用的两种本地开发和调试 npm 包的方法。

"scripts": {
  "start": "node index.js",
  "build": "webpack --config webpack.config.js"
}

则可以使用如下命令运行对应的脚本：

npm run start
npm run build

npm start：npm start 命令是 npm run start 的简写形式，也是最常用的启动 npm 包的命令。如果 package.json 文件中定义了 start 脚本，则可以使用 npm start 命令直接启动 npm 包。

npm link

npm link 命令可以将本地开发的 npm 包链接到全局环境，这样就可以在其他项目中使用该 npm 包。使用 npm link 命令需要两步：

npm link

npm link <npm-package-name>

例如，如果本地开发的 npm 包名为 my-package，则可以在其他项目中运行如下命令：

npm link my-package

这样就可以在其他项目中使用 my-package npm 包了。

npm pack 命令可以将本地开发的 npm 包打包成一个 tarball 文件。可以使用如下命令打包 npm 包：

npm pack

打包完成后，会在本地生成一个名为 -.tgz 的 tarball 文件。

npm install 命令可以将本地开发的 npm 包安装到本地。可以使用如下命令安装本地开发的 npm 包：

npm install <path-to-tarball-file>

例如，如果本地开发的 npm 包名为 my-package，则可以使用如下命令安装该 npm 包：

npm install my-package-1.0.0.tgz

安装完成后，就可以在本地使用 my-package npm 包了。

Nodemon 和 BrowserSync 是两个非常有用的工具，可以帮助您在本地开发和调试 npm 包。

Nodemon：Nodemon 是一个监视 Node.js 应用程序的工具，当应用程序的文件发生变化时，Nodemon 会自动重启应用程序。这样就无需每次修改应用程序代码后都手动重启应用程序了。
BrowserSync：BrowserSync 是一个同步浏览器和服务器的工具，当服务器的文件发生变化时，BrowserSync 会自动刷新浏览器。这样就无需每次修改服务器代码后都手动刷新浏览器了。