react-all-player/tsdx.config.js

react-all-player is a simple, lightweight, accessible and customizable React media player that supports modern browsers.

const postcss = require('rollup-plugin-postcss');
const autoprefixer = require('autoprefixer');
const cssnano = require('cssnano');

module.exports = {
  /**
   * @param {import('rollup/dist/rollup').InputOptions} config
   */
  rollup(config, options) {
    config.plugins.push(
      postcss({
        modules: true,
        plugins: [
          autoprefixer(),
          cssnano({
            preset: 'default',
          }),
        ],
        inject: true, // only write out CSS for the first bundle (avoids pointless extra files):
        extract: !!options.writeMeta,
      })
    );

    if (options.environment === 'development') {
      // redirect dev build to nowhere
      config.output.file = '/dev/null';
    } else {
      // rename prod build to index.js
      config.output.file = './dist/index.js';
    }

    return config;
  },
};