背景
在前端开发中，打包工具是必不可少的工具之一。bundly 是一个基于 webpack 的打包工具，可以帮助我们将多个 JavaScript 文件打包成一个或多个 bundle 文件。此外，bundly 还有很多其他的特性，如文件压缩、代码分割、懒加载等等。bundly 的使用方法也非常简单，下面我们来详细地介绍一下如何使用 bundly。
安装
使用 bundly 需要先安装 Node.js，然后使用 npm 安装 bundly，命令如下：
--- ------- -- -----------
使用
安装完 bundly 之后，我们就可以用 bundly 来打包我们的代码了。下面我们来具体介绍一下使用方法。
初始化项目
在使用 bundly 之前，我们需要先初始化一个项目，进入项目目录，执行以下命令：
------ ----
执行完毕之后，会生成一个项目模板，包含以下文件：
- --- --- - --- -------- --- ----------------- --- ------------
其中，index.js 是我们的入口文件，我们可以在这个文件中编写我们需要打包的代码。
打包代码
编写完我们的代码之后，就可以使用 bundly 来打包了。执行下面命令：
------ -----
然后我们就可以在生成的 dist 目录中找到我们打包好的文件。打包的文件默认名为 index.js，我们也可以使用 -o 选项来指定输出的文件名：
------ ----- -- ------
配置文件
我们也可以通过修改 bundly.config.js 文件来对 bundly 进行更多的配置，如分离第三方库，添加插件等等。一个基本的 bundly.config.js 文件如下：
----- ---- - ---------------
----- ----------------- - ------------------------------
-------------- - -
------ ---------------
------- -
----- ----------------------- --------
--------- -----------
--
-------- -
--- -------------------
--------- -------------------
--
-
-以上是一个非常简单的配置文件，我们可以自行根据需求进行修改。
总结
通过上面的介绍，我们可以看出使用 bundly 是非常简单的，而且 bundly 还有很多其他的特性。在实际开发中，我们可以根据项目的需求来配置 bundly，以达到最优的打包效果。希望这篇文章能够对大家有所帮助。
来源：JavaScript中文网 ，转载请联系管理员！ 本文地址：https://www.javascriptcn.com/post/72477