介绍
browserify-inspect-bundle 是一个 Node.js 的 npm 包，用于查看 browserify 打包后的输出内容。它可以帮助我们深入了解打包过程，查找优化点，帮助我们构建更高效、更稳定的应用程序。
安装
在安装 browserify-inspect-bundle 之前，需要先安装好 Node.js 和 browserify。接下来，我们可以通过 npm 安装 browserify-inspect-bundle。
npm install -g browserify-inspect-bundle
使用
browserify-inspect-bundle 可以通过命令行进行使用，下面是一些常用的命令示例。
查看 bundle 文件
使用默认选项来查看 bundle 文件：
browserify-inspect-bundle file.js
其中，file.js 是我们的入口文件。
查看依赖关系
使用 -s 选项来查看依赖关系：
browserify-inspect-bundle file.js -s
这将显示一个树形结构，显示项目的所有依赖关系。
自定义输出选项
我们可以自定义输出选项。例如，如果我们希望将信息输出到一个文件中，可以使用 -o 选项：
browserify-inspect-bundle file.js -o output.json
这将输出信息到 output.json 文件中。
查看模块大小
使用 -si 选项来查看模块大小：
browserify-inspect-bundle file.js -si
这将显示每个模块的大小和占用空间的百分比。
案例
接下来，我们将使用一个简单的案例来说明如何使用 browserify-inspect-bundle。
// main.js
var module1 = require('./module1');
var module2 = require('./module2');
module1();
module2();// module1.js
module.exports = function() {
console.log('This is module 1.');
}// module2.js
module.exports = function() {
console.log('This is module 2.');
}将上述三个文件存储在一个目录下，然后使用以下命令构建：
browserify main.js -o bundle.js
这将生成一个 bundle.js 文件。接下来我们可以使用 browserify-inspect-bundle 来查看它的内容。
browserify-inspect-bundle bundle.js
这将输出一份包含所有依赖关系的列表，并显示每个文件的大小和百分比。
总结
browserify-inspect-bundle 是一个非常强大的工具，可以帮助我们更好地理解文件打包的过程，并帮助我们进行更好的性能优化。在实际开发中，我们应该积极地利用这个工具，更好地编写高质量的应用程序。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60066c8cccdc64669dde53b5