在前端开发中，我们经常需要使用构建工具来编译、打包和优化我们的代码。然而，有时候我们并不想每次都进行完整的构建流程，而是只想快速预览一下修改后的效果。这时候就可以使用 stop-build 这个 npm 包来停止构建过程。
安装
首先，我们需要全局安装 stop-build：
npm install -g stop-build
使用方法
停止构建
在终端中运行以下命令即可停止当前正在进行的构建过程：
stop-build
指定端口
如果你的项目是在一个特定的端口上运行的，那么你可以通过 -p 或者 --port 参数来指定端口号。例如，如果你的项目在端口号 3000 上运行，你可以这样运行命令：
stop-build -p 3000
自定义请求路径
默认情况下，stop-build 会发送请求到根路径 /。如果你希望自定义请求路径，可以通过 -r 或者 --route 参数来指定。例如，如果你想将请求路径设置为 /hello，你可以这样运行命令：
stop-build -r /hello
示例代码
在下面的示例中，我们假设正在使用 webpack 构建一个 React 应用。在终端中运行 npm start 命令时，webpack 会自动进行构建，并将应用运行在 http://localhost:3000 上。
-- -------------------- ---- -------
-- -----------------
----- ----------------- - -------------------------------
-------------- - -
------ -----------------
------- -
--------- ------------
----- --------- - -------
--
-------- -
--- -------------------
--------- ---------------------
--
--
---------- -
------------ ---------
----- ----
-
---- -------------------- ---- -------
-- ------------
-
------- ---------
---------- --------
---------- -
-------- ------------------- ------ ------------
--
--------------- -
-------- ----------
------------ ---------
--
------------------ -
---------------------- ---------
---------- ----------
-------------- ---------
--------------------- ---------
-
-现在我们可以在终端中使用 stop-build 命令来停止构建过程了：
stop-build -p 3000
这样就可以快速预览修改后的效果了。另外，如果你想将请求路径设置为 /hello，可以这样运行命令：
stop-build -p 3000 -r /hello
然后在浏览器中访问 http://localhost:3000/hello 即可。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/47506