browserify

2022-08-21 14:01:51 浏览数 (1)

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

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

先安装:

代码语言:javascript复制
pnpm install -g browserify

比如我们引入一个outils

代码语言:javascript复制
pnpm i outils

然后编写一个main.js

代码语言:javascript复制
const outils = require('模块名')
window.模块名 = 模块名
// 例如
const outils = require('outils')
window.outils = outils

生成

代码语言:javascript复制
browserify main.js -o [文件名]
# 例如
browserify main.js -o bundle.js

然后我们引入这个js试试

代码语言:javascript复制
<script src="bundle.js"></script>

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

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

0 人点赞