node package manager
Easy sharing. Manage teams and permissions with one click. Create a free org »

broccoli-bs

broccoli-bs

Launch browser-sync and listen for changes.

Installation

yarn add -D broccoli-bs

Usage

Give broccoli-bs a list of nodes to watch. When anything changes, broccoli-bs will tell browser-sync to reload the browsers. If the only change is a CSS file, browser-sync will inject the new CSS live!

You may also provide options to the plugin. The bs option will be passed on to browser-sync. See browser-sync options.

Example

// Brocfile.js 
 
const BrowserSync = require('broccoli-bs');
const merge = require('broccoli-merge-trees');
 
// ... 
 
const assets = merge([ imgTree, jsTree, cssTree ]);
 
const browserSync = new BrowserSync(assets, {
  bs: {
    proxy: 'http://localhost:4000',  // maybe you have a Phoenix server running? 
    open: false  // maybe you don't want browser to open automatically? 
  }
});
 
module.exports = merge([ assets, browserSync ]);

License

MIT