前言
在前端开发的过程中，构建工具的使用是非常必要的。而 @egis/build-tools 是一个非常优秀的构建工具，它能够帮助我们快速搭建一个适合自己的前端工程。
安装
安装 @egis/build-tools 可以使用 npm，命令如下：
npm install -g @egis/build-tools
安装完成后，使用以下命令可以验证是否安装成功：
build-tools
如果出现以下信息，即表示安装成功：
Usage: build-tools <command> [options] Commands: init Create a new project start Start the development server build Build the project for production Options: -h, --help Display help information -v, --version Display version information
使用
初始化项目
使用 init 命令来初始化 @egis/build-tools 项目：
build-tools init [project-name]
其中 [project-name] 是你想要创建的项目名称，例如：
build-tools init my-app
这将会在当前目录下创建一个名为 my-app 的项目目录，并在其中生成一个基础的项目文件。
开发模式
使用 start 命令来启动开发模式：
build-tools start
start 命令会启动一个本地服务器，并监听你的源代码变化。在你修改源代码时，服务器会实时地更新页面，并自动刷新浏览器。
生产模式
使用 build 命令来构建生产环境代码：
build-tools build
build 命令会将你的源代码编译成一份生产环境可用的代码。编译完成后，你可以将编译生成的代码发布到你的服务器上。
配置
@egis/build-tools 默认的配置适用于大部分情况，但是在某些时候你可能需要对其进行配置。当然 @egis/build-tools 也提供了一份默认的配置文件，你可以根据需要进行修改：
-- -------------------- ---- -------
-------------- - -
------ ---------------
------- --------
---------- -
----- -----
----- -----
------ --
--
-------- --
-entry：应用的入口文件，即应用从哪个文件开始运行，如：src/index.js。output：应用构建输出路径，即应用构建完成后生成的文件放在哪里，如：dist/。devServer：开发模式下的配置，如下表所示：属性 类型 默认值 说明 port number 8080 服务器端口号 open boolean true 自动打开浏览器 proxy Object 代理配置 plugins：插件配置，例如将 HTML 自动注入到生成的 JavaScript 中。
总结
经过以上的介绍，相信你已经掌握了 @egis/build-tools 的基本用法和配置，它能够帮助我们提高前端工程项目的开发效率，体验一下吧！
附：示例代码
const hello = () => {
console.log('Hello, build tools!')
}
hello()来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/100616