jack e1a2621c78 update | 2 years ago | |
---|---|---|
.. | ||
app | 2 years ago | |
app.js | 2 years ago | |
desc.md | 2 years ago | |
package.json | 2 years ago | |
readme.md | 2 years ago |
#Browsersync - HTML/CSS injection example
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
To see the live HTML injecting, along with CSS injection, simply perform changes to either index.html
or css/main.css
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"]
}
}
]
});