rollup.config.js

import babel from 'rollup-plugin-babel'
import commonjs from 'rollup-plugin-commonjs'
import inject from 'rollup-plugin-inject'
import json from 'rollup-plugin-json'
import nodeResolve from 'rollup-plugin-node-resolve'
import replace from 'rollup-plugin-replace'
import uglify from 'rollup-plugin-uglify'

const processShim = '\0process-shim'

const prod = process.env.PRODUCTION
const env = prod ? 'production' : 'development'

console.log(`Creating ${env} bundle...`)

const targets = prod ?
  [
    { dest: 'dist/uigradients.min.js', format: 'umd' },
  ] :
  [
    { dest: 'dist/uigradients.js', format: 'umd' },
    { dest: 'dist/uigradients.es.js', format: 'es' },
  ]

const plugins = [
  {
    resolveId(importee) {
      if (importee === processShim) return importee
      return null
    },
    load(id) {
      if (id === processShim) return 'export default { argv: [], env: {} }'
      return null
    },
  },
  babel({
    include: 'src/**/*js',
    exclude: 'node_modules/**',
    babelrc: false,
    presets: [
      'es2015-rollup',
      'react',
      'stage-2'
    ],
    plugins: [
      'external-helpers',
    ],
  }),
  commonjs(),
  inject({
    process: processShim,
  }),
  json({
    // All JSON files will be parsed by default,
    // but you can also specifically include/exclude files
    include: 'src/**/*.json',  // Default: undefined
    exclude: [
      'node_modules/**',
    ],  // Default: undefined
  }),
  nodeResolve(),
  replace({
    'process.env.NODE_ENV': JSON.stringify(prod ? 'production' : 'development'),
  }),
]

if (prod) plugins.push(uglify())

export default {
  entry: 'src/index.js',
  exports: 'named',
  external: ['react'],
  globals: { react: 'React' },
  moduleName: 'uigradients',
  plugins,
  targets,
}