Skip to content

regularjs/requirejs-regular

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

12 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

#Requirejs Plugin for regularjs

A requirejs/AMD plugin for load Regularjs's template.

Download

1 bower

bower install regularjs-regular --save

2 use git

git clone [email protected]:regularjs/requirejs-regular

3 directly download rgl.js

Config

require.config({
   ...
    paths : {
        "rgl": 'path/to/requirejs-regular/rgl',
        //...
    }
    ...
});

Usage

require.config({
    paths : {
        "rgl": '../../bower_components/regularjs-regular/rgl',
        "regularjs": '../../bower_components/regularjs/dist/regular'
    }
});



require(['rgl!./foo.html', 'regularjs'], function( tpl, Regular){

    var Foo = Regular.extend({
      template: tpl
    })
  
    new Foo({}).$inject("#app")

});

where in foo.html

<h2>{{message}}</h2>

Optimizer

With optimizer, after the compiling step. the Regularjs template will be preparsed to ast

__for Example __

the dependency rgl!foo.html in example above

<h2>{{message}}</h2>

will be converted to ast like below

define("rgl!foo.html", function(){ return [{"type":"element","tag":"h2","attrs":[],"children":[{"type":"expression","body":"_c_._sg_('message', _d_['message'])","constant":false,"setbody":"_c_._ss_('message',_p_,_d_, '=')"}]}] 
});

Optimizer Example see Demo's build.js

License

MITTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTT

About

regularjs 's requirejs plugin.

Resources

Stars

Watchers

Forks

Packages

No packages published