generatoc/rollup.config.js

Automatically generate table of content from heading of HTML document

import path from 'path';
import typescript from 'rollup-plugin-typescript2';
import babel from '@rollup/plugin-babel'
import postcss from 'rollup-plugin-postcss';
import { terser } from "rollup-plugin-terser";

const babelOptions = {
  presets: [
    ['@babel/preset-env', {targets: {node: 'current'}}],
    '@babel/preset-typescript',
  ],
  babelHelpers: 'bundled'
}

export default [
  // Output esm version to dist folder
  {
    input: [
      path.resolve(__dirname, 'src', 'index.ts'),
    ],
    output: {
      // file: path.resolve(__dirname, 'dist','index.js'),
      dir: './dist',
      format: 'esm',
    },
    preserveModules: true,
    plugins: [
      typescript({
        typescript: require('typescript'),
        tsconfigOverride: {
          include: [
            path.resolve(__dirname, 'src', 'index.ts') 
          ],
        }
      }),
      babel(babelOptions)
    ]
  },
  // Output browser version to build folder
  {
    input: {
      'generatoc.min': path.resolve(__dirname, 'src','build.ts'),
    },
    output: {
      dir: 'build',
      // file: path.resolve(__dirname, 'build','generatoc.min.js'),
      format: 'iife',
      name: 'generatoc',
      plugins: [ terser() ]
    },
    plugins: [
      typescript({
        typescript: require('typescript'),
        tsconfigOverride: { compilerOptions: { declaration: false } }
      }),
      postcss({
        extract: true,
        minimize: true,
      }),
      babel(babelOptions),
    ]
  }
]