rollup-plugin-hotreload

rollup-plugin-hotreload

Hot Reload plugin for Rollup.js

Feature

• Multiple files hotreload supported
• Auto injected into HTML supported
• EventSource (depended on browsers)

How to use

NOTE: the rollup-plugin-hotreload server port is 9999

:DO NOT USE localhost server port as the same as 9999

rollup.config.js

import { rph, rphMultibundles } from "rollup-plugin-hotreload";
import path from "path";
import "your_server_path"; // import your server path;

export default rphMultibundles({
  //...
  plugins: [
    rph({
      templateHtmlPath: path.join(__dirname, "src/index.html"), // template html
      isStopRPH: false, // stop hotreload or not
      rootDir: path.join(__dirname, "build"), // build root path
      buildPaths: [
        // first one is relative path to rootDir...
        ["js/index.min.js", "src/index.js"]
        // as many as you want ...
      ]
    })
  ]
}, __dirname);

your_server.js

// koa@2.6.2
import Koa from 'koa';
import koaSend from 'koa-send';
const server = new Koa();

server.use(async ctx => {
  await koaSend(ctx, ctx.path, {
    root: __dirname + '/build'
  });
});

server.listen(3005);

export default server;

Installation

$npm install rollup-plugin-hotreload --save-dev

Test

$npm run test

Build

$npm run build

ChangeLog

Contributing

Feel free to fork and PR

Issues

License

MIT