简介
bz-script-loader 是一个可以使用 npm 包管理工具安装的前端类工具。使用这个工具可以方便地加载异步脚本，提高前端代码的性能。
安装
使用 npm 安装：
npm install bz-script-loader --save
使用
在 HTML 中引入 bz-script-loader.js 文件：
<script src="path/to/bz-script-loader.js"></script>
这个文件可以通过 npm 安装，也可以直接下载使用。
然后，在 JavaScript 中使用该工具：
BZScriptLoader.loadScripts([
'http://example.com/myscript.js',
'http://example.com/another_script.js'
], function () {
console.log('All scripts loaded');
});这个例子加载了两个脚本文件，当这两个脚本文件加载完成后，会执行回调函数。
你还可以使用 BZScriptLoader.loadScript 来加载单个脚本文件。
BZScriptLoader.loadScript('http://example.com/myscript.js', function () {
console.log('Script loaded');
});如果你想在指定的位置加载脚本文件，可以使用 BZScriptLoader.injectScript 方法。
BZScriptLoader.injectScript('http://example.com/myscript.js', document.body, function () {
console.log('Script injected');
});指南
使用 bz-script-loader 工具可以提高网页的性能，因为它可以让异步加载的脚本并行下载和执行，而不会阻塞 DOM 的渲染和 JavaScript 的执行。
但是，这个工具并不能帮助你解决所有性能问题。在使用它的时候，你需要注意以下几点：
- 不要加载重复的脚本；
- 不要加载不必要的脚本；
- 尽可能地将脚本文件合并成一个文件，并使用压缩的方式进行传输；
- 将脚本文件放在页面底部，可以减少首屏渲染时间；
- 合理地利用缓存。
最后，使用这个工具需要注意浏览器兼容性，特别是在低版本 IE 中可能会有问题。如果你需要兼容较低版本的 IE，建议使用其他类似工具或手动在页面中添加脚本文件。
示例代码
-- -------------------- ---- -------
--------- -----
------
------
----- ----------------
--------------------- ------------
-------
------
---------------------
------- -------------------------------------------
--------
----------------------------
---------------------------------
--------------------------------------
-- -------- -- -
---------------- ------- ---------
---
---------
-------
-------来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60066c8fccdc64669dde576b