![]() |
%!s(int64=2) %!d(string=hai) anos | |
---|---|---|
.. | ||
app | %!s(int64=2) %!d(string=hai) anos | |
app.js | %!s(int64=2) %!d(string=hai) anos | |
desc.md | %!s(int64=2) %!d(string=hai) anos | |
package.json | %!s(int64=2) %!d(string=hai) anos | |
readme.md | %!s(int64=2) %!d(string=hai) anos |
#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"]
}
}
]
});