requireJS搭建
模块化requirejs的搭建,异步加载按需加载,也是我们通常所说“ AMD ”异步模块定义。
这也是我在项目中常用的方式
1.配置:myconfig.js(按需配置)
1 require.config({ 2 baseUrl: "../style/js", 3 //该路径下的文件 4 paths: { 5 'jquery': 'jQuery-1.11.0', 6 } 7 });
2.html文档中加载如下文件
1 <script type="text/javascript" src="../style/js/require.js"></script> 2 <script type="text/javascript" src="../style/js/myconfig.js"></script>
底部配置:
<script language='javascript'> //该页面需要加载的js页面 require(['../js/example'], function (modal) { modal.init(); }); </script>
3.js配置
define(['jquery'],function ($) {
var modal = {}
modal.init = function(){
console.log(1);
}
return modal;
});
完成