首页 > IT职业 > IT图书 > requirejs搭建前端框架
1. 文件结构
2. base.js
requirejs.config({ baseUrl: 'js', paths:{ jquery:"../dist/js/jquery-1.11.3.min", domReady:"../dist/js/domReady" }, urlArgs: "version=" + version, shim: { 'jquery': { exports: '$' } }, callback:function(){ console.log("execute page js ... "); require(pageJS); }, deps:["jquery"] // 默认要加载的js});
3. index.js
define(["domReady","jquery"],function(domReady,$){ domReady(function(){ console.log("index js ...."); });});
4. index.html
<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title></title> <script class="lazyload" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsQAAA7EAZUrDhsAAAANSURBVBhXYzh8+PB/AAffA0nNPuCLAAAAAElFTkSuQmCC" data-original="dist/js/requirejs-2.1.22.js"></script> <script> var version = "0.0.1"; var pageJS = ["index"]; </script> <script class="lazyload" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsQAAA7EAZUrDhsAAAANSURBVBhXYzh8+PB/AAffA0nNPuCLAAAAAElFTkSuQmCC" data-original="js/base.js"></script></head><body></body></html>
来自 “ ITPUB博客 ” ,链接:https://blog.itpub.net/1064/viewspace-2816985/ ,如需转载,请注明出处,否则将追究法律责任。