简介
在前端开发中，我们经常需要使用第三方库或框架，而 npm 是一个十分方便的包管理工具。但有时候我们需要用到的包并不支持浏览器端引用，这时我们就需要使用一个叫做 browser-export 的 npm 包来解决这个问题。browser-export 可以将一个 npm 包转化为可在浏览器中使用的形式。本文将介绍 browser-export 的使用方法。
安装
首先，我们需要全局安装 browser-export：
npm install -g browser-export
使用
使用 browser-export，我们需要指定三个参数：
- npm 包的名称
- 输出的文件名
- 变量名（可选）
下面我们来看一个具体的例子。
假设我们需要将 lodash 这个 npm 包转化为浏览器可用的形式，并输出到 dist/lodash.js 文件中（变量名为 _），我们需要运行以下命令：
browser-export lodash dist/lodash.js _
这条命令会将 lodash 转化为一个 IIFE，并将其输出到指定位置。
我们接下来来看一个使用示例，假设我们有一个 index.html 文件：
-- -------------------- ---- -------
--------- -----
------
------
--------------------- ----------
-------
------
------- --------------------------------
--------
----- ------ - ------------- ---- ---- ----- ---
-------------------- -- ------- ------ ----- ----- -----
---------
-------
-------这个示例中，我们引入了转化后的 lodash 包，在 script 标签中我们可以使用 _ 来调用 lodash 函数库的功能。
注意点
需要注意的是，如果需要使用的 npm 包中含有依赖包，我们需要手动使用 browser-export 将它们转化为浏览器可用的形式并一同打包输出。
另外，使用 browser-export 转化 npm 包比较消耗时间，我们需要在运行该命令时多一些耐心。
结论
browser-export 可以将 npm 包转化为浏览器可用的形式，从而方便我们在前端开发中使用第三方库或框架。在使用时需要指定包名、输出的文件名和变量名，如果涉及依赖包还需要手动进行转化和打包。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/78163