在前端开发中，构建工具是不可或缺的。构建工具可以帮助我们自动化处理和优化前端资源，使项目更加高效地开发和发布。npm 是 Node.js 的包管理工具，其中有许多前端开发相关的包，包括我们今天要介绍的 made-build。
made-build 是什么
made-build 是一个前端构建工具，主要用于打包、压缩和优化前端资源，包括 JavaScript、CSS、HTML、图片等。它基于 gulp 和 webpack 构建，功能全面且易于扩展，可以帮助开发者快速搭建一个高效的前端工程项目。
使用前提
使用 made-build 需要 Node.js 环境，如果您还没有安装 Node.js，可以前往 Node.js 官网 下载安装。
安装
使用 npm 安装 made-build：
npm install -g made-build
使用方法
新建项目
首先，我们需要使用 made-build 建立一个新的前端项目。在命令行中执行以下命令：
made-build init
然后，会要求你输入一些项目信息，例如项目名称、版本号、作者等。输入完成后，项目结构和配置文件就会自动创建完毕。
开发
接下来，我们可以进入项目目录，执行以下命令：
npm run dev这个命令会启动一个本地服务器，监听对项目的修改，并自动编译前端资源。在浏览器中输入 http://localhost:8080 即可访问你的项目。
打包
当项目开发完成后，我们需要将前端资源打包，以便发布到生产环境。执行以下命令：
npm run build这个命令会生成一个 dist 目录，里面包含了所有打包后的前端资源。可以将这些文件上传到服务器上，供用户访问。
配置文件说明
使用 made-build，我们可以通过修改配置文件来实现一些高级的功能和定制化。以下是 made-build 默认的配置文件：
-- -------------------- ---- ------- -- -------------------- ----- ---- - --------------- ----- ------- - ------------------ ----- -------------------- - ---------------------------------- ----- ----------------- - ------------------------------ ----- - ------------------ - - ------------------------------- ----- ----------------- - ------------------------------ -------------- - - ----- ------------- ------ ----------------- ------- - ----- ----------------------- ----- -------- --------- ----------------------------- ----------- ---- -- ------- - ------ - - ----- -------- -------- ----------------- ---- ----------------- -- - ----- --------- ---- ----------------------------- -------------- -- - ----- ---------------------- ---- - - ------- -------------- -------- - ----- ------------------------------------ -- -- -- -- -- -- -------- - --- ---------------------- ----------------------- ----------------------------------- -- -------------- --- --- --------------------- --- ---------------------- --------- ------------------------------- --- --- ------------------- ------ --- ----- --------- -------------------- --- --- ------------------- --------- - - ----- --------- --- --- ------------ - ------- ------------------ -- -- -- --- -- -展开代码
总结
本文介绍了 npm 包 made-build 的使用方法和配置文件说明。由于 made-build 基于 gulp 和 webpack 构建，所以使用前需要对 gulp 和 webpack 有一定的了解。通过使用 made-build，我们可以快速搭建一个高效的前端工程项目，大大提高开发效率。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/70602
