bs-rewrite-rules

UI interface for adding/removing/editing Browsersync's rewrite rules

Usage no npm install needed!

<script type="module">
  import bsRewriteRules from 'https://cdn.skypack.dev/bs-rewrite-rules';
</script>

README

bs-rewrite-rules

UI interface for adding/removing/editing Browsersync's rewrite rules

Install

npm i browser-sync bs-rewrite-rules

Usage

var bs = require('browser-sync').create();

bs.init({
    proxy: 'http://www.bbc.co.uk',
    plugins: ['bs-rewrite-rules']
});

Now access the Plugins section of the UI (address given in the console) & you'll be presented with:

ui

Works well with serveStatic

Image you have the frontend assets of a live site on your local machine. You could use Browsersync to proxy the live site & then rewrite the links to point to your local files:

var bs = require('browser-sync').create();

bs.init({
    proxy: 'http://www.bbc.co.uk',
    plugins: ['bs-rewrite-rules'],
    serveStatic: ['assets'],
    rewriteRules: [
        {
            match: 'http://example.com/skin/frontend/sunspel/default/assets/css/core.min.css',
            replace: '/css/core.css'
        }
    ]
});