前言
esoterica 是一个实用的 npm 包，它可以在传统的 JS 和 CSS 文件加载方式之外，让你使用更加灵活的资源文件加载方案。在前端开发中，我们经常需要加载图片、音频等资源文件，而在传统的 JS 和 CSS 文件中加载这些资源文件有时候会比较麻烦。esoterica 就是为了解决这个问题而诞生的。在本篇文章中，我们将学习如何使用 esoterica。
安装
使用 npm 安装 esoterica
--- - ---------
安装完成后，通过以下方式引入：
----- --------- - ---------------------
或者使用 ES6 引入：
------ --------- ---- ------------
API
esoterica 暴露了两个 API，分别是 esoterica.load() 和 esoterica.unload()。
esoterica.load()
esoterica.load() 是用来加载资源文件的函数，它接收一个参数对象，在该参数对象中可以指定需要加载的资源文件列表和回调函数。
----------------
-------- ------ -----------------------
------- ------ -----------------------
------- ------ -----------------------
------- ------ -----------------------
------- ------ -----------------------
----------- -- -- -
----------------------
-
---在上例中，我们指定了需要加载一个 JS 文件、一个 CSS 文件、一个图片和一个音频文件。其中，每个资源文件都是一个对象，可以包含以下字段：
url：必填字段，资源文件的路径。type：可选字段，资源文件的类型，这个字段也可以不填。当这个字段不填时，esoterica 会根据文件后缀名自动判断资源文件的类型。async：可选字段，是否异步加载，默认为false。
上面例子中，我们还指定了一个回调函数，当所有资源文件加载完成后，onComplete 函数会被触发。
esoterica.unload()
esoterica.unload() 是用来卸载已加载的资源文件的函数，它接收一个参数对象。在该参数对象中可以指定需要卸载的资源文件列表和回调函数。
------------------
-------- -----------------------
------- -----------------------
------- -----------------------
------- -----------------------
------- -----------------------
----------- -- -- -
----------------------
-
---在上例中，我们指定了需要卸载一个 JS 文件、一个 CSS 文件、一个图片和一个音频文件。其中，每个资源文件都是一个字符串，表示资源文件的路径。
示例
--------- ----- ------ ------ ---------------- ------------ ------- ------ ------------- --------- ---- --------------------------- ------ ------------------- ------- -------------------------- ------- -------
------ --------- ---- ------------
----------------
------- ------ --------------------- ------ -------
------- ------ --------------------- ------ -------
----------- -- -- -
----- ----- - --- --------
--------- - ---------------------
--------------------------------------------------------------
----- ----- - ---------------------------------
--------- - ---------------------
-------------
-
---
------------- -- -
------------------
------- -----------------------
------- -----------------------
----------- -- -- -
----------------------
-
---
-- ------在上面的示例中，我们使用 esoterica 加载了一个图片和一个音频文件。当资源加载完成后，我们将图片添加到页面中并播放音频。同时，我们还调用了 esoterica.unload() 函数，在 5 秒后卸载已加载的资源。
来源：JavaScript中文网 ，转载请联系管理员！ 本文地址：https://www.javascriptcn.com/post/6005671d81e8991b448e37d6