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

requireJs--简单的使用方法

时间:2016-12-26 18:48:37      阅读:250      评论:0      收藏:0      [点我收藏+]

标签:ports   module   jquery   相对   协议   lis   情况   pat   code   

简单使用:

<!-- index.html部分  data-main 为入口  -->
<script data-main="js/app.js" src="node_modules/requirejs/require.js"></script>   
// app.js 部分
requirejs.config({
    baseUrl: ‘ app/js/ ‘,       //基本路径
    shim: {                       //bootstrap依赖与jquery
        bootstrap: {
            deps: [‘jquery‘],
            exports: ‘bootstrap‘
        }
    },
    paths: {                     //路径  默认管理js文件  所以不需要加后缀名
        jquery: ‘jquery/dist/jquery.min‘,
        bootstrap: ‘bootstrap/dist/js/bootstrap.min‘,
    }
});


requirejs([‘jquery‘, ‘bootstrap‘],
    function ($) {
       //加载完依赖的模块执行的代码
    });

requireJs是相对于baseUrl的地址来加载资源的,

注意:

  ①:如果app.js中baseUrl 和 index.html中的data-main都不进行设置, 默认了baseUrl指的是 引入requireJs的目录.

  ②:requireJs 假设的所有资源都是js资源,所以不需要加后缀名.

  ③:当出现以下情况时不会按照 baseUrl+moduleId规则加载资源

    • 以‘/‘开始
    • 以‘.js‘结尾
    • 包含URL协议      

 模块的定义

define("foo/title",
        ["my/cart", "my/inventory"],
        function(cart, inventory) {
            //Define foo/title object in here.
       }
    );

 

requireJs--简单的使用方法

标签:ports   module   jquery   相对   协议   lis   情况   pat   code   

原文地址:http://www.cnblogs.com/web-Rain/p/6223204.html

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