首页 > 代码库 > requirejs 初探

requirejs 初探

作为一个前端模块化设计和加载的框架,我们该好好理解下。

引用 <script data-main=‘.. 主文件路径,相对于要请求的页面‘ src=http://www.mamicode.com/‘requirejs地址‘>假如我们主文件时main.js

我们需要引用jquery,underscore,backbone

require.config({

  baseUrl : ‘js的基本路径‘,//可以忽略

  paths   : {

    ‘jquery‘: ‘jquery.min‘,

    ‘underscore‘: ‘underscore‘,

    ‘backbone‘:‘backbone‘

   }

});

require([‘jquery‘,‘underscore‘,‘backbone‘],function($,_,Backbone){

  //callback TODO

});

我们使用其最重要的一点是模块化设计,类似于后端的nodejs模块化

moduleA.js

  define(function(){

     function Person(name){

       this.name = name;

    };

    Person.prototype.say =function(){

        console.log(this.name +" : HI");

    };

    return Person;

  });

 

 

引用此模块

 var Person = require(‘./moduleA‘);

requirejs 初探