在前端开发中，我们经常需要将多个 JavaScript 文件打包在一起，并进行压缩，以提高网站的加载速度。为此，很多前端工程师使用了 webpack 或 rollup 等打包工具。但是，如果你只是想简单地将几个文件打包在一起，并且不想学习一整套打包工具的使用，那么可以尝试使用 npm 包 xbuild-mgr。
xbuild-mgr 是什么？
xbuild-mgr 是一款简单易用的 npm 包，它可以帮助你将多个 JavaScript 文件打包在一起，并生成一个压缩后的文件。xbuild-mgr 的开发者设计了简单的配置文件，让你可以轻松地配置你想要打包的文件以及生成的文件名等信息。
如何安装 xbuild-mgr？
首先，你需要确保本机已安装了 Node.js，然后在命令行中运行以下命令安装 xbuild-mgr：
npm install xbuild-mgr -g
-g 参数表示全局安装，这样你就可以在任何地方使用 xbuild-mgr 命令了。
如何使用 xbuild-mgr？
1. 初始化项目
在你想要打包的项目目录下，运行以下命令初始化项目：
xbuild init
该命令将自动创建一个名为 xbuild.json 的配置文件，并创建一个名为 src 的文件夹，用来存放你想要打包的 JavaScript 文件。
2. 编辑配置文件
打开 xbuild.json 文件，你会看到以下内容：
{
"entry": "src/main.js",
"output": {
"filename": "bundle.js",
"path": "dist"
}
}其中，entry 表示你的入口文件，在这个文件中你可以引入你要打包的其他文件。output 表示打包后生成的文件名和文件夹路径。
3. 新建 JavaScript 文件
在 src 目录下新建你想要打包的 JavaScript 文件，例如 test.js，其内容如下：
function add(a, b) {
return a + b;
}
console.log(add(1, 2));4. 打包项目
运行以下命令进行打包：
xbuild build
如果一切顺利，你会在 dist 目录下看到一个名为 bundle.js 的文件，其中包含了打包后的 test.js 文件的内容。
5. 引入打包后的文件
在你的 HTML 文件中引入打包后的 bundle.js 文件即可：
<script src="dist/bundle.js"></script>
如何更改配置文件？
当你需要更改入口文件或者生成的文件名和文件夹路径时，只需要编辑 xbuild.json 文件即可。更改配置文件后，运行 xbuild build 命令重新打包即可。
总结
xbuild-mgr 是一种简单而有效的打包工具，它能够轻松地帮助你打包你的 JavaScript 文件。它的使用方式简单，仅需要几个命令和一个简单的配置文件即可完成。希望这篇文章对你有所帮助，让你学到了新的东西。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60067350890c4f7277583960