Skip to content

Installation

Jump to bottom Edit New page
Esteban Arango Medina edited this page Jun 21, 2018 · 5 revisions

Step 1: Install via NPM

ember install ember-cli-concat

Step 2: Update app/index.html

Replace the <script> and <link rel="stylesheet"> tags for vendor and app-name in your app s index.html file with {{content-for 'concat-js'}} and {{content-for 'concat-css'}}, respectively:

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>Dummy</title>
    <meta name="description" content="">
    <meta name="viewport" content="width=device-width, initial-scale=1">

    {{content-for 'head'}}
    {{content-for 'concat-css'}}{{!--Added instead of styles--}}
    {{content-for 'head-footer'}}
  </head>
  <body>
    {{content-for 'body'}}
    {{content-for 'concat-js'}}{{!--Added instead of scripts--}}
    {{content-for 'body-footer'}}
  </body>
</html>

Step 3: Enable in ember-cli-build.js

module.exports = function(defaults) {
  var app = new EmberApp(defaults, {
    emberCliConcat: {
      js: {
        concat: true
      },
      css: {
        concat: true
      }
    }
  });

  return app.toTree();
};

This addon will add the necessary tags depending on your options setup.

Please note, you should not change the template located at tests/index.html.

Ember CLI Concat | Documentation | License

Clone this wiki locally