介绍
yumu-build 是一款前端构建工具，基于 webpack，简化了 webpack 配置，提供了各种常用功能的默认配置，包括样式处理、图片压缩、代码分割等等，让前端构建更便捷。
安装
安装使用 npm 包管理工具，全局安装 yumu-build：
npm i -g yumu-build
使用
使用 yumu-build 只需要将需要打包的代码放在一个目录内，例如项目目录为 my-project，目录中包含以下文件和文件夹：
my-project/ ├── src/ │ ├── index.js │ ├── index.html │ └── style.css ├── package.json └── webpack.config.js
在 my-project 目录下执行命令：
yumubuild start
这样就可以在本地开启一个 http 服务器访问项目，修改代码后自动重新构建并刷新页面。默认访问地址为 http://localhost:8080。
需要打包发布时，在 my-project 目录下执行命名：
yumubuild build
这样会生成一个 dist 目录，里面包含了打包后的代码，可直接上传至服务器部署。
配置
yumu-build 的默认配置已经包含了很多常用的功能，但如果需要进一步定制，可以在项目目录下创建一个名为 yumu.config.js 的配置文件。
配置示例
以下是一个 yumu.config.js 文件的示例配置：
-- -------------------- ---- -------
----- ---- - ----------------
-------------- - -
-- --------- ---- ---------
------ -----------------
-- --------
------- -
----- ----------------------- --------
--------- ------------
----------- ----
--
-- ----- --
------ -
-------- ----------------------
-------- --------------------------------------------
--
-- ---- --
----- -
----------- -
---------------- ----------
--
--
-- ---------- --
---------- -
----- -----
----- ------------
----- -----
--
--配置项说明
以下是 yumu.config.js 文件中的配置项说明：
entry
入口文件，可以使用 glob 通配符匹配多个文件。
output
输出路径和文件名，其中 publicPath 是指定打包后的静态资源访问路径。
babel
babel 配置，使用 babel-loader 处理 js 文件。
less
less 配置，使用 less-loader 处理 less 文件。
devServer
dev-server 配置，用于本地开发时启动 http 服务器。
总结
yumu-build 简化了前端项目打包构建的过程，提供了配置简单、易于上手的方式，让前端开发更加高效。同时，yumu-build 提供了丰富的配置项，让用户可以根据项目的实际需求进行定制。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60055d3181e8991b448daef3