browserify

2022-06-10

前端

很奇怪,我们不屑与他人为伍,却害怕自己与众不同。——保罗·科埃略的《韦罗妮卡决定去死》

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

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

先安装:

1
pnpm install -g browserify

比如我们引入一个outils

1
pnpm i outils

然后编写一个main.js

1
2
3
4
5
const outils = require('模块名')
window.模块名 = 模块名
// 例如
const outils = require('outils')
window.outils = outils

image-20220610133256938

生成

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

然后我们引入这个js试试

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

image-20220610133318153

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

image-20220610133407816

有朋友说,outils官方有min.jshttps://www.npmjs.com/package/outils

🏗 安装使用

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

浏览器:

1
2
3
4
<script src="outils.min.js"></script> 
<script>
var OS = outils.getOS()
</script>

哪还要你这么费劲

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