自己写个requirejs可酷

原创 kkcode 随笔 js高级 150阅读 2018-09-13 23:17:04 举报

requirejs的使用方法

  1. 在页面中引入requirejs
  2. 定义其他的模块
  3. 在main.js中引入其他的js模块

具体代码如下:

猜测requirejs的实现步骤

  1. 在页面中引入requirejs,并指定main.js的路径。
  2. requirejs分析main.js的配置及模块引入

分析如下:

requirejs中,定义了模块定义的方法define,
取得script标签上的data-main属性的值。
并使用require函数加载到页面中。
而在main.js中,require函数可能加载了多个模块。
当所有的模块都加载完毕后,调用callback函数。

实现require函数

测试

定义A模块

定义B模块

在页面中引入刚才写的require.js

至此,就完成了一个简单的requirejs。
还有许多需要优化,比如:

  1. 自动识别main.js
  2. js模块的异步加载,这里的实现是按照顺序加载的js。
  3. 模块之间的依赖关系。比如moduleA依赖ModuleB
    等等...

【一起讨论,欢迎关注微信公众号:qdgithub】

评论 ( 0 )
最新评论
暂无评论

赶紧努力消灭 0 回复