码迷,mamicode.com
首页 > Web开发 > 详细

requirejs搭建前端框架

时间:2016-05-15 20:00:54      阅读:374      评论:0      收藏:0      [点我收藏+]

标签:html   web   js   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 src="dist/js/requirejs-2.1.22.js"></script>

    <script>
        var version = "0.0.1";
        var pageJS = ["index"];
    </script>

    <script src="js/base.js"></script>



</head>
<body>



</body>
</html>


requirejs搭建前端框架

标签:html   web   js   requirejs   

原文地址:http://antlove.blog.51cto.com/10057557/1773611

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!