rollup.config.js

// import babel from "rollup-plugin-babel";
import resolve from "rollup-plugin-node-resolve";
import json from "rollup-plugin-json";
import commonjs from "rollup-plugin-commonjs";
import replace from "rollup-plugin-replace";//Global replacement
import uglify from "rollup-plugin-uglify";
import serve from "rollup-plugin-serve";
import livereload from "rollup-plugin-livereload";
import postcss from "rollup-plugin-postcss";
//post class
import simplevars from 'postcss-simple-vars';
import nested from 'postcss-nested';
import cssnext from 'postcss-cssnext';
import cssnano from 'cssnano';
import babel from 'rollup-plugin-babel';

export default {
  input:"src/index.js",
  output:{
     file:"./dist/index.min.js",
     format:"cjs"
  },
  plugins: [
    commonjs(),
    postcss({
      extensions:[".css","./scss"],
      plugins:[
       simplevars(),
       nested(),
       cssnext({ warnForDuplicates: false, }),
       cssnano()
      ]
    }),
    resolve({
      customResolveOptions: {
        moduleDirectory: 'node_modules' // copywith the external
      }
    }),
    babel({
      presets: [
       [
         'es2015',
         {
           modules: false
         }
       ]
     ],
      exclude: 'node_modules/**'
    }),
    replace({
      ENV:JSON.stringify(process.env.NODE_ENV||"development")//Global replace the ENV
    }),
    // production uglify
    uglify({
      output: {
        comments: false
      },
      sourceMap: false,
    }),
    serve({
      open:true,//open the browser
      contentBase:"./",
      historyApiFallback:true,
      host:"localhost",
      port:8080
    }),
    livereload()
  ],
  soucemap:process.env.NODE_ENV==="development"?true:false,
  treeshake: true
}