【笔记】通过RequireJS实现JS模块化

发表于 更新于 阅读次数：

前言

RequireJS ist eine Open-Source-Implementierung für asynchrone Moduldefinition in JavaScript.（维基百科）

导出模块

[]：如果不存在依赖则传递空数组，如果存在依赖则定义依赖的js文件路径

demo.js
1
2
3
4
5
6
7
const obj = {};

define([], function () {
  return {
    obj: obj,
  };
});

导入模块

main.js
1
2
3
require(["./demo.js"], function (demo) {
  console.log(demo.obj);
})

在HTML中使用模块

1
<script src="https://unpkg.com/requirejs@2/require.js" data-main="./main.js"></script>

完成