browserify

今天又来分享个好东西：https://browserify.org/

这个玩意儿可以帮我们把npm下载的依赖，使用script标签引入：

先安装：

pnpm install -g browserify

比如我们引入一个outils

pnpm i outils

然后编写一个main.js

const outils = require('模块名')
window.模块名 = 模块名
// 例如
const outils = require('outils')
window.outils = outils

image-20220610133256938

生成

browserify main.js -o [文件名]
# 例如
browserify main.js -o bundle.js

然后我们引入这个js试试

<script src="bundle.js"></script>

image-20220610133318153

运行一下，可以看到我们能在控制台拿到，说明引入成功

image-20220610133407816

有朋友说，outils官方有min.js：https://www.npmjs.com/package/outils

🏗 安装使用

1. 直接下载min目录下的outils.min.js使用，支持UMD通用模块规范
2. 使用npm安装

浏览器: <script src="outils.min.js"></script> <script> var OS = outils.getOS() </script>

哪还要你这么费劲

我只想说有些依赖只提供了npm下载方式的话，可以用这个，你可以不用 😄