Doesn't work with rollup-plugin-serve

My rollup config:

import serve from 'rollup-plugin-serve';
import livereload from 'rollup-plugin-livereload';

export default {
  entry: `src/index.js`,
  dest: `docs/script.js`,

  plugins: [
    serve({
      open: true,
      contentBase: `docs`,
    }),
    livereload()
  ],

  format: `iife`
};

Then, I run rollup --config --watch. The app loads on port 10001, but it doesn’t livereload upon bundle changes. In fact, the bundle doesn’t get compiled at all anymore! Removing this plugin fixes everything.

[ghost]

@homerjam Short summary: Rollup watches src folder, and rebuilds files into dist when files in src changed. This plugin watches dist folder, and reloads browser when files in dist changed.

[JamesTheHacker]

Works for me guys. Not sure if my config is of any use but I’ll share it anyway. It also reloads sass 😃

import resolve from 'rollup-plugin-node-resolve';
import babel from 'rollup-plugin-babel';
import livereload from 'rollup-plugin-livereload';
import serve from 'rollup-plugin-serve';
import commonjs from 'rollup-plugin-commonjs';
import postcss from 'rollup-plugin-postcss';
import sass from 'node-sass';
import cssnano from 'cssnano';
import path from 'path';

const cssExportMap = {};

export default {
  input: 'src/main.js',
  output: {
    file: 'dist/app.js',
    format: 'iife'
  },
  plugins: [
    postcss({
      preprocessor: (content, id) => new Promise((resolve, reject) => {
        const result = sass.renderSync({ file: id })
        resolve({ code: result.css.toString() })
      }),
      plugins: [
        cssnano(),
      ],
      sourceMap: false,
      extract: true,
      extensions: [ '.css', '.scss', '.sass' ],
    }),
    commonjs({
      namedExports: {
        'node_modules/validate.js/validate': [ 'validate' ]
      }
    }),
    resolve(),
    babel({
      exclude: [
        './node_modules/**',
        './src/css/**',
      ],
    }),
    serve('dist'),
    livereload({
      watch: [ 
        path.resolve(__dirname, 'dist'),
        path.resolve(__dirname, 'src')
      ],
      exts: [ 'html', 'js', 'scss', 'sass', 'css' ]
    }),
  ]
};