【笔记】RequireJS学习笔记

发表于 更新于 阅读次数：

前言

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

定义模块

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

demo.js
1
2
3
4
5
6
7
8
const demo = function () {
  ...
}

// 暴露定义的模块化的函数
define([], function () {
  return demo;
})

定义入口模块

  • 在入口模块引入其他模块

./demo.js：相对于HTML文件的模块化的js文件的相对路径

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

在HTML中加载模块化js文件

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

完成

参考文献

哔哩哔哩——微笑专业教前端