An Ember and Glimmer addon to inline CSS files into HTML.
ember install ember-inline-css
Then restart your Ember server. Your styles will be inlined!
This addon will take the application and vendor CSS <link> tags in the
application's index.html file and replace them with inline <style> tags.
No configuration is required, it "Just Works".
Options are passed to ember-inline-css by adding the following to your
ember-cli-build.js:
constEmberApp=require('ember-cli/lib/broccoli/ember-app');module.exports=function(defaults){letapp=newEmberApp(defaults,{'ember-inline-css': {/* pass options here */}});returnapp.toTree();};The following options are available:
| option | description |
|---|---|
filter | Provide an array of CSS files to be inlined. For example: filter: ['/assets/vendor.css'] would only inline the vendor styles, leaving the application styles untouched. |