rollup.config.js

import resolve from 'rollup-plugin-node-resolve';
import babel from 'rollup-plugin-babel';
import commonjs from 'rollup-plugin-commonjs';
import { uglify } from 'rollup-plugin-uglify';

const prod = process.env.PRODUCTION;

let config = {
  input: 'src/index.js',
  output: {
    sourcemap: true,
    exports: 'named'
  },
  external: ['react', 'styled-components'],
};

let plugins = [
  resolve(),
  commonjs(),
  babel(),
];

const globals = {
  'styled-components': 'styledComponents',
  react: 'React',
  'react-dom': 'ReactDOM',
};

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

if (process.env.BROWSER) {
  config = Object.assign(config, {
    output: {
      file: 'dist/styled-query.umd.js',
      format: 'umd',
      name: 'styled-query',
      sourcemap: true,
      exports: 'named',
      globals,
    },
    plugins,
  })

} else if (process.env.COMMON) {
  config = Object.assign(config, {
    plugins: [
      resolve(),
      commonjs(),
      babel(),
    ],
    output: {
      file: 'dist/styled-query.common.js',
      format: 'cjs',
      exports: 'named',
    }
  })

} else if (process.env.ES) {
  config = Object.assign(config, {
    plugins: [
      resolve(),
      commonjs(),
      babel(),
    ],
    output: {
      file: 'dist/styled-query.es.js',
      format: 'es',
    },
  })
}

export default config;