【笔记】requirejs学习笔记

发表于 更新于 阅读次数：

前言

通过requirejs定义模块化js文件

定义模块化js文件

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

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

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

定义主模块js文件

  • 主模块js文件内可以使用其他模块js文件内的函数

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

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

在HTML中加载模块化js文件

1
<script src="https://cdn.bootcdn.net/ajax/libs/require.js/2.3.6/require.min.js" data-main="main.js"></script>

完成

参考文献

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