什么是 bundlebus-cli？
bundlebus-cli 是一个用来实现前端模块化开发中的代码打包工具。它可以帮助我们将多个 JavaScript 文件打包成一个单独的 JavaScript 文件，从而减少网络请求和加载时间。同时，bundlebus-cli 还支持 JavaScript、CSS、HTML 等多种文件类型的打包。
如何安装 bundlebus-cli？
首先，我们需要先安装 Node.js。安装完成后，我们可以通过 Node.js 自带的包管理器 npm 安装 bundlebus-cli。
在终端中输入以下命令：
npm install -g bundlebus-cli
其中，-g 表示全局安装，这样我们可以在任何地方使用 bundlebus-cli 命令。
如何使用 bundlebus-cli？
初始化项目
在使用 bundlebus-cli 之前，我们需要先创建一个项目目录，并把需要打包的文件都放在这个目录里。
在终端中进入项目所在的目录，然后输入以下命令：
bundlebus init
该命令会生成一个 bundlebus.config.js 文件和一个 src 目录。
bundlebus.config.js是 bundlebus-cli 的配置文件，我们可以在这个文件中设置输入文件和输出文件等参数；src目录是存放我们的代码的目录。
配置 bundlebus-cli
打开 bundlebus.config.js 文件，我们可以设置以下参数：
entry：输入文件的路径；output：输出文件的路径；exclude：不需要打包的文件；mode：打包模式，默认为生产模式，可以设置为开发模式。
以下是一个示例配置：
module.exports = {
entry: './src/index.js',
output: './dist/bundle.js',
exclude: [],
mode: 'production'
};打包代码
在终端中输入以下命令，即可开始打包代码：
bundlebus build
打包完成后，我们可以在设置的输出文件路径中找到打包后的文件。此时，我们只需要在 HTML 中引入这个打包后的文件即可。
总结
本文介绍了 bundlebus-cli 的安装和使用方法，并提供了详细的配置说明和示例代码。通过使用 bundlebus-cli，我们可以更方便地进行前端模块化开发，并优化网页加载速度。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60066c8dccdc64669dde55a6