/angular-inline-resources

Inline external templates and stylesheets of components, so as to help you with the packaging of an angular library.

Primary LanguageJavaScriptMIT LicenseMIT

version license license

angular-inline-resources

The current package is meant to simplify the packaging workflow of an angular library, by inlining the html templates and the stylesheets of your angular components. The inlining logic is from @angular/material2 library.

Installation

npm install angular-inline-resources --save-dev

Usage

const inlineResources = require('angular-inline-resources');
const fs = require('fs-extra');

// Copy folder 'src' to 'tmp' then inline resources
Promise.resolve()
            .then(() => fs.copy('src', 'tmp'))
            .then(() => inlineResources('tmp'))

or in your gulp workflow:

//
// Example of a gulp task
//
gulp.task('angular:inline', () => {
  return Promise.resolve()
    .then(() => inlineResources('tmp'));
});

The above will process all your *.ts or *.js component files from , and replace all templateUrl and styleUrls properties to their inline equivalent.

License

MIT © Michael Bazos