rollup.config.js

import fs from 'fs';
import path from 'path';
import resolve from 'rollup-plugin-node-resolve';
import babel from 'rollup-plugin-babel';
import commonjs from 'rollup-plugin-commonjs';
import sourceMaps from 'rollup-plugin-sourcemaps';
import scss from 'rollup-plugin-scss';
import json from 'rollup-plugin-json';
import copy from 'rollup-plugin-copy';
import kebabCase from 'lodash/kebabCase';
import pkg from './package.json';

function createEntry(input, output, css, plugins = []) {
  return {
    input,
    output,
    // Indicate here external modules you don't wanna include in your bundle (i.e.: 'lodash')
    external: ['video.js'],
    plugins: [
      // Allow json resolution
      json(),
      // Compile TypeScript files
      // Allow bundling cjs modules (unlike webpack, rollup doesn't understand cjs)
      commonjs(),
      // Allow node_modules resolution, so you can use 'external' to control
      // which external modules to include in the bundle
      // https://github.com/rollup/rollup-plugin-node-resolve#usage
      resolve(),
      babel({
        babelrc: true,
        exclude: 'node_modules/**',
        compact: false
      }),

      // Resolve source maps to the original source
      sourceMaps(),
      scss({
        sass: require('sass'),
        output: styles => {
          if (styles && styles.length) {
            const cssOutput =
              css || output[0].file.replace(/\.(umd|es|iife).js/, '.css');
            mkdirp(cssOutput.replace(/[^\/]*$/, ''));
            fs.writeFileSync(cssOutput, styles);
          }
        }
      }),
      ...plugins
    ]
  };
}

const pluginsDir = 'source/Plugin';
const output = setFileName =>
  ['umd', 'es'].map(format => {
    return {
      file: setFileName(format),
      format,
      sourcemap: true,
      globals: {
        'video.js': 'videojs'
      },
      banner: `
        /* eslint-disable */
        /* VERSION: ${pkg.version} */
      `
        .trim()
        .replace(/^(\s{2})+/gm, '')
        .replace(/^ *\n/, '')
    };
  });

const distDir = 'dist';

export default [
  createEntry(
    'source/index.js',
    output(format => path.join(distDir, `/videojs-plus.${format}.js`))
  ),
  ...fs.readdirSync(pluginsDir).map(pluginName => {
    const kebabCaseName = kebabCase(pluginName);
    const srcDir = `${pluginsDir}/${pluginName}/`;
    const outDir = path.join(distDir, `/plugins/${kebabCaseName}`);
    return createEntry(
      path.join(srcDir, `${pluginName}.js`),
      output(format => {
        const name = format === 'umd' ? 'index' : `${kebabCaseName}.${format}`;
        return `${outDir}/${name}.js`;
      }),
      `${outDir}/style.css`,
      [
        copy({
          targets: [{ src: `${srcDir}/index.d.ts`, dest: outDir }]
        })
      ]
    );
  })
];

function mkdirp(dir) {
  return path
    .resolve(dir)
    .split(path.sep)
    .reduce((acc, cur) => {
      const currentPath = path.normalize(acc + path.sep + cur);

      try {
        fs.statSync(currentPath);
      } catch (e) {
        if (e.code === 'ENOENT') {
          fs.mkdirSync(currentPath);
        } else {
          throw e;
        }
      }
      return currentPath;
    }, '');
}