ember-cli-inject-live-reload v2.1.0
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"
}
3 years ago
5 years ago
6 years ago
6 years ago
6 years ago
6 years ago
6 years ago
6 years ago
6 years ago
6 years ago
7 years ago
7 years ago
7 years ago
7 years ago
8 years ago
8 years ago
9 years ago
10 years ago
10 years ago
10 years ago
10 years ago
10 years ago
10 years ago
10 years ago
10 years ago
10 years ago
10 years ago