前言
在前端开发过程中，经常需要将代码部署到服务器上，以供用户访问。对于初学者来说，这个过程可能会比较困难，需要掌握一定的服务器相关知识。但是现在有了一款名为 now-deploy 的 npm 包，可以帮助开发者快速地将前端代码部署到服务器上，极大地方便了开发过程。
在本文中，我们将介绍 now-deploy 的具体使用方法，并通过实际示例来演示如何进行部署。
安装
安装 now-deploy 只需要在命令行中输入以下命令：
npm install now-deploy
使用
now-deploy 的使用方法非常简单。首先需要在项目根目录下创建一个名为 now.json 的文件，该文件指定了部署的相关配置，包括部署的前端项目路径、端口号以及其他相关信息。
下面是一个示例 now.json 文件的内容：
-- -------------------- ---- -------
-
---------- --
------- ---------
--------- -
-
------ ---------
------ -------------------
--------- -
---------------- ------
-
-
--
--------- -
-
------ --------
------- --------
-
-
-在以上示例配置中，src 指定了项目入口文件的路径，use 指定了使用的服务器类型，config 指定了相关配置信息，routes 则指定了路由配置。
接着，我们需要在命令行中进入项目根目录，并运行以下命令：
now deploy
该命令会将项目代码上传到 now 服务器，并返回一个访问路径。通过访问该路径，我们就可以访问我们的前端项目了。
示例
下面是一个完整的示例，我们将使用 create-react-app 来创建一个新的示例项目。
首先，我们需要全局安装 create-react-app：
npm install -g create-react-app
接着，创建一个新的项目并安装 now-deploy：
create-react-app my-app cd my-app npm install now-deploy --save-dev
在当前目录下创建一个名为 now.json 的文件，并复制以下内容：
-- -------------------- ---- -------
-
---------- --
------- ---------
--------- -
-
------ ---- --- -------
------ --------------------
--------- -
---------- -------
-
-
--
--------- -
-
------ --------
------- -------------
-
-
-以上配置中，npm run build 指定了构建项目的命令，@now/static-build 指定了使用的服务器类型为静态服务器，distDir 指定了构建后的目录名称为 build。
最后，上传代码并部署：
now deploy
之后，在控制台中你会看到一个公开的访问路径，复制该路径到浏览器中，就可以看到我们的示例项目了。
结语
本文中，我们介绍了如何使用 now-deploy 将前端项目部署到服务器上。通过本文的介绍，相信你已经能够快速地完成前端项目的部署工作了。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6005568b81e8991b448d3530