Find file History
Latest commit 460c995 Apr 10, 2017
Permalink
Type Name Latest commit message Commit time
..
Failed to load latest commit information.
app Merge brand changes May 27, 2015
app.js Apply prettier Apr 10, 2017
desc.md Add HTML injection example May 27, 2015
package.json Add bs-html-injector as dev dependency May 27, 2015
readme.md Merge brand changes May 27, 2015

readme.md

#Browsersync - HTML/CSS injection example

Installation/Usage:

To try this example, follow these 4 simple steps.

Step 1: Clone this entire repo

$ git clone https://github.com/Browsersync/recipes.git bs-recipes

Step 2: Move into the directory containing this example

$ cd bs-recipes/recipes/html.injection

Step 3: Install dependencies

$ npm install

Step 4: Run the example

$ npm start

Additional Info:

To see the live HTML injecting, along with CSS injection, simply perform changes to either index.html or css/main.css

Preview of app.js:

/**
 * Require Browsersync
 */
var bs = require('browser-sync').create();

/**
 * Run Browsersync with server config
 */
bs.init({
    server: "app",
    files: ["app/css/*.css"],
    plugins: [
        {
            module: "bs-html-injector",
            options: {
                files: ["app/*.html"]
            }
        }
    ]
});