在前端开发中，我们常常需要使用各种 npm 包来帮助我们处理代码的依赖关系和模块化。而为了让这些包可以在浏览器环境中运行，我们需要通过一些工具（例如 Browserify、Webpack 等）来将它们进行打包。
在使用这些工具时，我们有时会遇到一些问题。例如，当我们在打包过程中使用了某个 npm 包，但是这个包本身没有考虑在浏览器环境中使用时的兼容性问题时，就可能会引发一些奇奇怪怪的错误。
这时就需要使用一些工具来帮助我们解决这个问题。其中就包括 browserify-common-prelude 这个 npm 包，它可以为我们在打包的时候提供一个类似于 polyfill 的功能，让那些没有考虑兼容性问题的 npm 包也能够在浏览器环境中正确运行。
安装
首先，我们需要先在项目中安装这个 npm 包。可以使用以下命令进行安装：
npm install browserify-common-prelude
使用
在安装完成之后，我们就可以在项目中开始使用这个包了。具体来说，我们只需要在打包时加上 --prelude <path-to-prelude> 选项即可，其中 <path-to-prelude> 指的是 browserify-common-prelude 这个包中预设的 prelude 文件路径，可以通过以下命令来查找：
npm explore browserify-common-prelude -- npm run ls-prelude
例如，我们可以在 package.json 中的 scripts 中添加以下内容：
"bundle": "browserify src/index.js --prelude $npm_package_resolved_browserify-common-prelude --outfile bundle.js"
其中，$npm_package_resolved_browserify-common-prelude 是一个环境变量，代表了 browserify-common-prelude 这个包的安装路径。
示例
以下是一个使用示例。在示例中，我们通过 require('lodash') 来引入了 lodash 这个 npm 包，但是 lodash 本身并没有考虑在浏览器环境中使用时的兼容性问题。因此，我们可以使用 browserify-common-prelude 这个包来为它提供一个类似于 polyfill 的功能，在浏览器中也可以正确使用。
// index.js var _ = require('lodash'); console.log(_.get({ a: { b: 2 } }, 'a.b'));
在打包时，我们可以使用以下命令：
browserify index.js --prelude $(npm explore browserify-common-prelude -- npm run ls-prelude) -o bundle.js
其中的 --prelude 参数就是用来指定使用 browserify-common-prelude 中的 prelude 文件的。我们可以使用 shell 命令来获取这个文件的路径。
最后得到的 bundle.js 可以直接在浏览器中使用，控制台输出 2。
结语
使用 browserify-common-prelude 这个包可以帮助我们解决某些 npm 包在浏览器环境中的兼容性问题。当我们在打包时遇到这类问题时，可以尝试使用这个包来解决。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/73759
