dinline

browserify angularjs directives

npm install dinline
2 downloads in the last week
4 downloads in the last month

Directive Inline

This module is a plugin for browserify. It looks for angularjs directives in AST, and inlines static template files into directive declaration.

build status

Example - helloWorld directive

Our custom directive template helloWorld.html:

<h1>Hello world</h1>

Directive export in helloWorld.js:

module.exports = function () {
  return {
    templateUrl: './helloWorld.html'
  };
};

After running on the command line:

browserify -t dinline helloWorld.js > bundle.js

Our directive definition changes from

  // ...
  return {
    templateUrl: './helloWorld.html'
  };

to

  // ...
  return {
    template: "<h1>Hello world</h1>\n"
  };

Note: This transform module implements very simple use case, when directive is declared in a form of return statement with explicit literal path assignment to templateUrl property. Please let me know if your use case is more sophisticated than this.

License

BSD 2-clause

npm loves you