很奇怪,我们不屑与他人为伍,却害怕自己与众不同。——保罗·科埃略的《韦罗妮卡决定去死》
今天又来分享个好东西: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
🏗 安装使用
- 直接下载
min
目录下的outils.min.js使用,支持UMD通用模块规范- 使用npm安装
浏览器:
<script src="outils.min.js"></script> <script> var OS = outils.getOS() </script>
哪还要你这么费劲
我只想说有些依赖只提供了npm
下载方式的话,可以用这个,你可以不用 😄