前言
edp-build 是百度内部自用构建工具，旨在优化前端代码构建流程，提升构建效率，自动化前端构建过程，提高前端开发效率。
安装 edp-build
在开始使用 edp-build 之前，需要先安装 Node.js 和 npm。安装完成后，在终端中输入以下命令来安装 edp-build：
npm install edp-build –g
使用 edp-build
在安装 edp-build 后，可以使用以下命令来构建前端代码：
edp build
在 edp build 命令中，还可以加入一些参数来自定义构建过程，下面是常用的参数说明：
- -f：设置配置文件路径
- -w：设置 watcher 模式，会自动检测文件变化进行构建
- -d：设置 debug 模式，会产生调试信息
- -s：设置 silent 模式，不输出日志信息
- -h：查看帮助信息
下面是一个示例命令：
edp build -f ./config.js -w
创建 edp-build 配置文件
edp-build 的配置文件是一个 JavaScript 文件，可以使用 Node.js 的 require 语句来加载一些需要用到的 npm 包。以下是一个基本的配置文件示例：
-- -------------------- ---- -------
-- -----
--- ---- - ----------------
--- ------------ - -----------------------------------
-------------- - -
-- -------
-------- -------------
-- ------
--------- -----------
-- ------ ------ --
--------- -
------- -
---------- ------------------
-------- ----------
------- -
---- ----------------
-
-
--
---------- -
--------- -
------ -
---------- ------
-
--
--------- -
---------- ------------ --------------
-
-
--在配置文件中，可以设置以下内容来自定义构建过程：
- entry：设置构建的入口模块，可以是一个 HTML 文件或 JavaScript 文件。
- output：设置构建输出目录。
- loader：设置构建使用的 Loader 配置，可以使用 npm 包来增强构建功能。
- plugins：设置构建使用的插件，可以使用 npm 包来增强构建功能。
示例代码
下面是一个使用 edp-build 构建前端代码的示例，首先在项目中安装 edp-build：
npm install edp-build --save-dev
然后在项目根目录下创建一个 config.js 文件，文件内容如下：
-- -------------------- ---- -------
-------------- - -
-------- -----------------
--------- -------
--------- -
------- -
---------- -
------------------
-
-
--
---------- -
--------- -
------ -
---------- -------
-
-
-
--在上面的示例配置文件中，设置了入口模块为 index.html，构建输出目录为 dist，使用了 edp-build-stylus 插件来处理 stylus 文件。
然后在命令行中输入以下命令：
edp build
即可开始构建前端代码。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/77673