react-sentinel/rollup.config.js

React Component that abstracts away requestAnimationFrame and requestIdleCallback.

import babel from 'rollup-plugin-babel';
import postcss from 'rollup-plugin-postcss';
import resolve from 'rollup-plugin-node-resolve';
import commonjs from 'rollup-plugin-commonjs';
import replace from 'rollup-plugin-replace';
import serve from 'rollup-plugin-serve';
import { uglify } from 'rollup-plugin-uglify';
import include from 'rollup-plugin-includepaths';
import pkg from './package.json';

export default [
  /* Building the actual react-sentinel code */
  {
    input: 'src/react-sentinel.js',
    output: {
      name: 'react-sentinel',
      file: pkg.browser,
      format: 'umd',
    },
    plugins: [
      babel({
        presets: [
          'react',
          [
            'env', {
              targets: {
                browsers: ['last 2 versions', 'safari >= 7'],
              },
              modules: false,
            },
          ],
        ],
        plugins: [
          'external-helpers',
          'transform-object-rest-spread',
          'transform-class-properties',
        ],
        babelrc: false,
        exclude: 'node_modules/**',
      }),
      resolve(),
      commonjs({
        namedExports: {
          'node_modules/react/index.js': ['Children', 'PureComponent', 'Component', 'PropTypes', 'createElement'],
          'node_modules/react-dom/index.js': ['render'],
        },
      }),
      (process.env.NODE_ENV === 'production' && uglify()),
    ],
  },

  /* Configuration for building the example */
  {
    input: 'example/index.js',
    output: {
      name: 'example',
      file: 'example/bundle.js',
      format: 'iife',
    },
    plugins: [
      postcss({
        plugins: [],
      }),
      include({
        paths: [`${__dirname}/example`, `${__dirname}/src`],
        extensions: ['.js', '.scss'],
      }),
      babel({
        presets: [
          'react',
          [
            'env', {
              targets: {
                browsers: ['last 2 versions', 'safari >= 7'],
              },
              modules: false,
            },
          ],
          'stage-2',
        ],
        plugins: [
          'external-helpers',
          'transform-object-rest-spread',
          'transform-class-properties',
        ],
        babelrc: false,
        exclude: 'node_modules/**',
      }),
      resolve(),
      commonjs({
        namedExports: {
          'node_modules/react/index.js': ['Children', 'Component', 'PureComponent', 'PropTypes', 'createElement'],
          'node_modules/react-dom/index.js': ['render'],
          'node_modules/react-router/es/index.js': ['Link', 'Router', 'Route'],
        },
      }),
      replace({
        'process.env.NODE_ENV': JSON.stringify(process.env.NODE_ENV),
      }),
      (process.env.NODE_ENV !== 'production' && serve({
        contentBase: 'example',
        port: 8080,
      })),
    ],
  },
];