前端开发中，有时候我们需要使用一些别人封装好的代码库，这些代码库往往会以 npm 包的形式发布。但是，在使用这些代码库的时候，我们经常遇到各种问题，其中最普遍的一个就是包内缺少主入口文件，无法直接使用。这种情况下，我们就需要使用到一个非常实用的 npm 包—— why-you-no-bundle，本篇文章将为大家介绍它的基本使用方法。
什么是 why-you-no-bundle ？
why-you-no-bundle 是一个非常实用的 npm 包，它可以帮助我们解决包内缺少主入口文件的问题。具体来讲，当我们在终端执行某个包的代码时，如果这个包内没有提供 main 入口文件，终端就会报错，这时我们就可以使用 why-you-no-bundle 来代理执行，并指定入口文件，以解决问题。
使用方法
安装 why-you-no-bundle
我们可以直接在终端通过 npm 安装 why-you-no-bundle，命令如下：
npm i why-you-no-bundle --save-dev
指定入口文件
安装好 why-you-no-bundle 之后，我们就可以直接在终端使用它了。以 vue-router 为例，我们可以使用以下命令指定入口文件：
npx why-you-no-bundle vue-router/dist/vue-router.min.js
这样就可以在不用修改包代码的情况下成功执行 vue-router。
指定全局变量
有时候我们使用的包会有一些依赖全局变量的代码，这时候我们需要通过 why-you-no-bundle 指定这些全局变量。以 echarts 为例，我们可以通过以下命令指定全局变量：
npx why-you-no-bundle echarts/dist/echarts.min.js -g echarts
这样就可以在终端正常使用 echarts。
示例代码
思路：引入范例代码中的 underscore 包指定入口文件和全局变量并在终端执行，然后在例子程序中使用 underscore 的其中一个方法 range()。
安装 underscore
npm i underscore --save
在例子程序顶部引入 underscore：
const _ = require('underscore')找到 underscore 包在 node_modules 下的路径，这里笔者使用了相对路径：
cd ./node_modules/underscore/
使用 why-you-no-bundle 执行：
npx why-you-no-bundle ./Underscore.js -g _
在例子程序中使用 underscore：
const _ = require('underscore')
console.log(_.range(1, 11))总结
使用 why-you-no-bundle 是一个非常实用的技巧，可以帮助我们解决包内缺少主入口文件的问题。它的使用非常简单，只需要安装包和指定入口文件即可。在使用包时，有时我们还需要指定全局变量，这时候可以使用 -g 参数。本文以范例程序为例介绍了具体的使用方法，希望能对大家有所帮助。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/600671098dd3466f61ffdff4