介绍
npm 是 Node.js 的包管理工具，它允许我们在 Node.js 中安装、分享、发布和管理包，让包的分享和复用变得容易和快速。just-build 是一款基于 npm 的自动化构建工具，可帮助你快速构建前端项目。
本文将从安装、配置、使用和示例等方面，详细介绍如何使用 npm 包 just-build 进行项目构建。
安装
安装 Node.js 后，在命令行工具中运行以下命令即可安装 just-build 包：
npm install just-build --save-dev
这里使用了 --save-dev 标志，表示我们将 just-build 包作为开发阶段的依赖项，而不是生产环境的依赖项。
配置
在项目根目录中，创建一个 just-build.js 或 just-build.config.js 文件。just-build 需要使用一个配置文件来了解何时、如何编译和打包项目。在这个文件中，我们可以指定源代码目录、输出目录、文件扩展名等配置信息。
以下是一个示例配置文件：
-- -------------------- ---- -------
-------------- - -
------- ------
---------- -------
------- -------- ------ ------- -------
------------ -- -- -
-------------------
--
----------- -- -- -
-------------------
-
-使用
在配置完毕后，我们可以在命令行工具中输入以下命令，启动自动化构建工具：
npx just-build
这个命令将自动读取配置文件，并根据其内容构建项目，完成后即可在输出目录中找到打包后的文件。
我们也可以向命令行工具提供参数，来覆盖配置文件中的某些设置。例如，以下命令将修改源代码目录为 app，输出目录为 build：
npx just-build --srcDir app --outputDir build
示例
这是一个简单的 TypeScript React 的示例项目，我们将使用 just-build 来编译和打包这个项目。
安装依赖
首先，我们需要安装以下依赖：
npm install react react-dom typescript @types/react @types/react-dom -D
目录结构
-- -------------------- ---- ------- ------- --- ------------- --- ------- - --- ---------- - --- ----------- --- ---- - --- --------- - --- ----------- - --- ------- --- ------------ --- -------------
just-build 配置文件
-- -------------------- ---- -------
-------------- - -
------- ------
---------- -------
------- -------- ------ ------- -------
------------ -- -- -
-------------------
--
----------- -- -- -
-------------------
-
-TypeScript 配置文件（tsconfig.json）
-- -------------------- ---- -------
-
------------------ -
--------- ------
------ ------- ----------
------ --------
--------- -----------
------------------- -------
------------------ ----
-
-index.tsx
-- -------------------- ---- -------
------ ----- ---- --------
------ -------- ---- ------------
------ --- ---- -------------------
----------------
------------------
---- --
--------------------
-------------------------------
--App.tsx
-- -------------------- ---- -------
------ ----- ---- --------
----- --- - -- -- -
------ -
-----
---------- -----------
------
-
-
------ ------- ----index.html
-- -------------------- ---- -------
--------- -----
----- ----------
------
----- --------------- --
----- ---------- ------------------------------- --
----- --------------- ---------------------------- ---------------- --
------------ -----------
-------
------
---- ----------------
-------
-------执行自动化构建
最后，我们可以使用以下命令，在项目根目录中执行自动化构建：
npx just-build
执行完毕后，打开 dist/index.html 文件，即可在浏览器中查看打包后的效果。
结束语
just-build 是一款非常优秀的自动化构建工具，可帮助前端开发人员快速搭建和打包前端项目。本文从安装、配置、使用和示例等方面对 just-build 进行了详细介绍，希望能对你有所帮助。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/5eedcc74b5cbfe1ea06127b0