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

生成

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

然后我们引入这个js试试

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

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

有朋友说，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下载方式的话，可以用这个，你可以不用 😄