作为前端开发者，我们经常需要使用到第三方库来实现一些功能，而 stassets 是一个方便的 npm 包，可以帮助我们管理和加载静态资源，本文将介绍 stassets 的使用方法及其指导意义。
安装 stassets
使用 npm 安装 stassets, 在终端输入以下命令：
npm install stassets --save
stassets 的基本用法
加载 js/css 文件
在使用 stassets 之前，你需要在 HTML 页面中引入 stassets 的 js 文件：
<script src="node_modules/stassets/dist/stassets.min.js"></script>
在 js 文件中，使用 Stassets.load() 方法加载静态资源。例如，如下代码将在页面中加载 jQuery 和 bootstrap 的 css 和 js 文件：
-- -------------------- ---- -------
---------------
---- -
---------------------------------------------------------------------------------
--
--- -
---------------------------------------------------------------
-------------------------------------------------------------------------------
-
---加载图片
stassets 也可以用来加载图片，下面是一个简单的示例：
-- -------------------- ---- -------
---------------
---- -
-
----- -------
---- ----------------- -- ----
--
-
----- ---------
---- -------------------------------------------------------------- -- ----
-
-
---在加载图片时，我们通过 name 属性来指定图片的名称，可以用来在其他地方引用该图片。
加载模板
stassets 还可以用来加载模板文件，下面是一个简单的示例：
-- -------------------- ---- -------
---------------
---- -
-
----- ---------
---- -----------------------
--
-
----- ---------
---- -----------------------
-
-
---在加载模板文件时，我们通过 name 属性来指定模板的名称，可以用来在其他地方引用该模板。
stassets 的指导意义
使用 stassets 可以将静态资源管理和加载的工作交给它来处理，我们只需要简单地定义需要加载的资源，就可以快速地构建出丰富的前端页面。使用 stassets 还可以在提高开发效率的同时，避免重复加载资源，减少页面加载的时间。
示例代码
下面是一个基于 stassets 的简单示例代码：
-- -------------------- ---- -------
--------- -----
------
------
----- ----------------
--------------- ------------
----- ----------------- ---------------- ----------------------------------------------------
------- ----------------------------------------------------------
-------
------
---- ------ -- ---
---- ------------------
---- ---- ---
---- ------------------
------------ ---------
--------- -------- -----------
---- --------- ------ -------
-------- --------- --------
---- ------------ -------------- -------------
-----
------
------
---- ------ -- ---
---- ------------------
---- -- -------- ----- ---
--------
---------------
---- -
---------------------------------------------------------------------------------
--
--- -
---------------------------------------------------------------
-------------------------------------------------------------------------------
--
---- -
-
----- -------
---- -----------------
-
--
---- -
-
----- ---------
---- -----------------------
--
-
----- ---------
---- -----------------------
-
-
-- -------- -- -
-- ------------
---------------------------------------------
---------------------------------------------
---------------------- -----------------------------
---
---------
-------
-------来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/74685