gulp-inline-ng2-styles
Inline Angular2 components style sheets into JavaScript ES5/ES6 and TypeScript files (and possibly more - not tested). This plugin uses the ES6 template strings syntax by default (which requires the use of a transpiler -typescript, babel, traceur- to produce valid ES5 files) but you can opt-in for ES5 one.
This is very convenient to bundle your components/application (avoid extra HTTP request and keeps your source clean).
You may also check out: gulp-inline-ng2-template
Installation
npm install gulp-inline-ng2-styles --save-dev
Configuration
You can pass a configuration object to the plugin.
defaults = base: '/' // Angular2 application base folder extension: '.css' // Template file extension target: 'es6' // Can swap to es5;
Example usage
//...var inlineNg2Styles = ; var result = gulp ; return resultjs ;
How it works
hello.css
component.ts
;@@ {}
result (component.ts)
;@@ {}
Licence
MIT