Inline vendor and application Javascript and CSS in the index.html file.

View on GitHub


ember-cli-all-in-one is a small Ember addon that replaces the following tags in index.html

<link rel="stylesheet" href="{{rootURL}}assets/vendor.css">
<link rel="stylesheet" href="{{rootURL}}assets/dummy.css">

<!-- ... -->

<script src="{{rootURL}}assets/vendor.js"></script>
<script src="{{rootURL}}assets/dummy.js"></script>

with <style> and <script> tags that directly include the contents of the file above.

This reduces networks requests and the above-the-fold problem often reported by Google PageSpeed Insights.

Also, when no images are used (or replacing them with inline SVG or data: images) this addon reduces a entire Ember application to a single HTML file.


ember install ember-cli-all-in-one


In the ember-cli-build.js file, please define a new allInOne section.

This section can contain one of the following sub-section:

Each settings can contain any of the following options:

Contributing to ember-cli-all-in-one


Copyright (C) 2016 and above Shogun shogun@cowtech.it.

Licensed under the MIT license, which can be found at https://choosealicense.com/licenses/mit.

Your browser is obsolete. For the best browsing experience, update it for free by visiting BrowseHappy.
There is a shiny new version. Update now!
Made by a proud Italian!