ember-cli-inject-live-reload

    2.1.0 • Public • Published

    ember-cli-inject-live-reload

    Plugin for ember-cli that injects live-reload script into HTML content.

    Overview

    This plugin injects a script tag to load ember-cli-live-reload.js in the head of your application's html.

    The contents of ember-cli-live-reload.js are dynamically generated to configure and inject livereload.js, which is served by Ember CLI courtesy of its tiny-lr dependency.

    livereload.js initiates a websocket connection back to Ember CLI. This allows Ember CLI to notify the browser to trigger a refresh after JavaScript or style changes.

    Configuration

    For vanilla Ember CLI apps, no configuration is required.

    The following options are supported via command line arguments or the .ember-cli file:

    Option Purpose
    liveReload Defaults to true during ember serve. Set to false to prevent the livereload script tag from being injected.
    liveReloadPort Specifies the port that ember-cli-live-reload.js and livereload.js are loaded from
    liveReloadHost The host that ember-cli-live-reload.js will be loaded from
    liveReloadPrefix The url prefix which will be prepended before livereload.js

    The following options are supported via the .ember-cli file:

    Option Purpose
    liveReloadJsUrl The absolute URL used to load livereload.js. If specified, this overrides the liveReloadPort option.
    liveReloadOptions JavaScript object for LiveReload options. LiveReload supports a number of options for configuring websocket communication, including https, host, port, and others. See advanced example below.

    Advanced Example Configuration

    NOTE: Most apps will be fine with no special configuration. Only use this sort of configuration if you have reason to override the default LiveReload websocket behavior. A use case for this is serving Ember CLI apps in development via a reverse proxy such as nginx.

    .ember-cli
    {
      "liveReloadPort": 37531,
    
      // This `liveReloadOptions` property becomes `window.LiveReloadOptions`
      "liveReloadOptions": {
        "port": 37631,
        "https": true,
        "host": "your-hostname.dev"
      },
    
      "liveReloadJsUrl": "https://your-hostname.dev/livereload.js"
    }

    Keywords

    Install

    npm i ember-cli-inject-live-reload

    DownloadsWeekly Downloads

    142,739

    Version

    2.1.0

    License

    MIT

    Unpacked Size

    19.4 kB

    Total Files

    5

    Last publish

    Collaborators

    • avatar
    • avatar
    • avatar