如何创建 JavaScript 库（Part 1）

在本文中，我们将介绍如何创建一个 JavaScript 库并将其发布到 NPM 上。这个库将有助于简化前端开发，并提高代码复用性和可维护性。

创建项目

首先，我们需要创建一个新的 npm 项目。打开终端并运行以下命令：

----- ----------
-- ----------
--- ----

按照提示输入一些基本信息，例如项目名称、版本等。完成后，你应该会得到一个 package.json 文件，它保存有关你的项目和依赖项的元数据。

编写代码

接下来，我们需要编写代码。在本例中，我们将创建一个名为 my-library 的库，并添加一个名为 hello() 的函数。

创建一个新文件 index.js，并添加以下代码：

-------- ----------- -
  ------------------- -----------
-

-------------- - - ----- --

这个库只有一个函数 hello()，它接受一个名字参数并在控制台上输出一条消息。

运行测试

为了确保我们的代码正常工作，我们需要编写一些测试用例。

安装 mocha 和 chai，以便能够进行单元测试：

--- ------- ----- ---- ----------

创建一个新的测试文件 test/index.test.js，并添加以下代码：

----- ------ - -----------------------
----- --------- - --------------------

--------------------- ---------- -
  ------------------- -------- -- -
    ---------- ------ - -------- ---- --- ----- ------ -------- -- -
      -------------------------------------- ------- ---------
    ---
  ---
---

我们使用 mocha 和 chai 编写了一个测试用例。它确保 hello() 函数返回正确的消息。

运行测试：

--- ----

如果一切都正常，你应该会看到所有测试用例都已通过。

发布到 NPM

最后，我们需要将我们的库发布到 NPM 上，以便其他人可以使用它。

首先，您需要在 https://www.npmjs.com/ 上创建一个账户。然后，运行以下命令登录：

--- -----

按照提示输入您的用户名、密码和电子邮件地址。

最后，运行以下命令发布您的库：

--- -------

现在，您的库已经发布到 NPM 上了！其他人可以使用以下命令安装它：

--- ------- ----------

然后，他们就可以像这样使用它：

----- --------- - ----------------------
----------------------- -- -- ------- -----

总结

在本文中，我们介绍了如何创建一个 JavaScript 库，并将其发布到 NPM 上。我们编写了代码、运行了测试，并确保了我们的库可以被其他人使用。希望这篇文章对你有所启发，促使你创建自己的 JavaScript 库！

来源：JavaScript中文网，转载请注明来源本文地址：https://www.javascriptcn.com/post/7064

2018 如何创建 JavaScript 库 (Part 1)

如何创建 JavaScript 库（Part 1）

目录

创建项目

编写代码

运行测试

发布到 NPM

总结