rollup.config.js

import vue from 'rollup-plugin-vue'
import nodeResolve from 'rollup-plugin-node-resolve'
import replace from 'rollup-plugin-replace'
import uglify from 'rollup-plugin-uglify'
import { minify } from 'uglify-es'
import babel from 'rollup-plugin-babel'

const production = process.env.NODE_ENV === 'production'

const devPlugins = [
  replace({
    'process.env.NODE_ENV': JSON.stringify('develop')
  }),
  nodeResolve({
    module: true,
    jsnext: true,
    main: true
  }),
  vue({
    compileTemplate: true,
    css: true
  }),
  babel({
    exclude: ['node_modules/**', '*.vue', '**.vue']
  })
]

const productionPlugins = [
  replace({
    'process.env.NODE_ENV': JSON.stringify('production')
  }),
  nodeResolve({
    module: true,
    jsnext: true,
    main: true
  }),
  vue({
    compileTemplate: true,
    css: true
  }),
  babel({
    exclude: ['node_modules/**', '*.vue', '**.vue']
  }),
  uglify({}, minify)
]

const devRollup = {
  input: 'src/main.js',
  output: {
    name: "colorPicker",
    file: 'docs/md-color-picker.js',
    format: 'iife'
  },
  strict: true,
  plugins: devPlugins
}

const productionRollup = {
  input: 'src/main.js',
  output: {
    name: "colorPicker",
    file: 'dist/md-color-picker.js',
    format: 'iife'
  },
  strict: true,
  plugins: productionPlugins
}

export default production ? [devRollup, productionRollup] : devRollup