什么是 lively.modules?
lively.modules 是一个可以在浏览器中加载模块的模块系统，它实现了 ES6 模块系统规范，并且支持动态加载模块，可以方便地按需加载模块，省去了加载所有模块的时间和资源开销。
如何安装lively.modules
你可以通过 npm 包管理器来安装 lively.modules，只需在终端运行以下命令：
--- ------- --------------
如何使用 lively.modules?
引入模块
使用工具和框架开发项目时，我们会使用到很多第三方库，而这些库需要被引入到项目中。在 lively.modules 中，我们可以使用System.import()方法来引入模块。
--------------------------------------------------- -- -- --------- ---- ------ ---
导入模块
引入模块之后，我们需要在需要使用该模块的地方导入模块，使用 ES6 的 import 语法进行导入，例如：
------ - ------ - ---- --------------
动态加载模块
有些模块我们只有在需要的时候才会使用，那么在使用前，我们就不需要提前加载这些模块。在 lively.modules 中，我们可以使用System.import()动态加载模块。
-------------- - ---------- -
-------------------------------------------------- -
-- -- --------- ---- ------
--
-模块和文件名映射
在文件和模块的名称不同的情况下，我们需要使用 lively.modules 的 locate 方法来建立映射。
-----------------
---- -
------ --------------
-
---在这个例子中，我们为模块名称 app 和 '/app/scripts' 建立了映射，因此当加载 app 模块时，实际上会加载 /app/scripts 目录下对应的文件。
示例代码
-- ------- ------ - ------ - ---- ---------- ----------------------- -- -- -- ------- ------ -------- --------- - ------ - - -- -
在上面的例子中，我们在主模块 main.js 中导入了模块 math.js，并且使用 square 函数计算了 4 的平方。 math.js 模块中我们定义了 square 函数并导出。
来源：JavaScript中文网 ，转载请联系管理员！ 本文地址：https://www.javascriptcn.com/post/76748