requirejs搭建前端框架
標(biāo)簽：
JavaScript
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>
點(diǎn)擊查看更多內(nèi)容
為 TA 點(diǎn)贊
評(píng)論
評(píng)論
共同學(xué)習(xí)，寫下你的評(píng)論
評(píng)論加載中...
作者其他優(yōu)質(zhì)文章
正在加載中
感謝您的支持，我會(huì)繼續(xù)努力的～
掃碼打賞，你說(shuō)多少就多少
贊賞金額會(huì)直接到老師賬戶
支付方式
打開(kāi)微信掃一掃，即可進(jìn)行掃碼打賞哦