RequireJS总结
亲爱的孟良,我搞不懂你为什么记不住怎么写
- 怎么用
- html页面引入
<script src="require.js" data-main="mainModule.js">
-
data-main
中写的是主模块
- html页面引入
- 主模块是什么鬼
- 所有要加载的js的集合
- 主模块怎么写
//配置模块的加载位置 require.config({ baseUrl:'../../../static/SuperAdmin',//设置基本路径,不写的话默认为mainModule.js的路径 paths: { 'jquery': 'lib/jquery', 'search': '/Report/search' }, shim: { //所有不符合AMD规范的模块要这样写,怎么知道不符合呢?当然是报错了就是不符合 🙄️ //所谓的符合即按照AMD规范并且使用define函数定义的模块 'search': { deps: ['jquery'], exports: 'search' } } }) //配置需要的模块 require([ 'jquery', 'search' ], function($, search) { //所有的模块加载成功之后会被调用 'use strict'; //各种代码、各种调用,这里会掉函数与之前的模块名位置是对应的 });
- 子模块怎么写
define([ 'require', 'jquery' ], function(require, $) { 'use strict'; return function search(){ //... } }); //这样在主模块的回调函数中使用search函数啦 🌸