rollup.config.js

import vue from 'rollup-plugin-vue';
import resolve from '@rollup/plugin-node-resolve';
import { terser } from 'rollup-plugin-terser';
import commonjs from '@rollup/plugin-commonjs';
import typescript from 'rollup-plugin-typescript2';
import scss from 'rollup-plugin-scss';

const extensions = ['.vue', '.ts', '.tsx', '.js', '.jsx'];

const plugins = [
  resolve(
    {
      extensions,
      browser: true,
    },
  ),
  commonjs(),
  typescript(),
  scss(
    {
      output: 'dist/tetikus.css',
      failOnError: true,
    },
  ),
  vue(
    {
      css: false,
    },
  ),
];

export default [
  {
    input: './src/index.ts',
    external: ['vue'],
    plugins,
    output: {
      format: 'cjs',
      file: 'dist/tetikus.cjs.js',
      sourcemap: false,
      exports: 'named',
    },
  },
  {
    input: './src/index.ts',
    external: ['vue'],
    plugins,
    output: {
      format: 'umd',
      file: 'dist/tetikus.js',
      name: 'tetikus',
      sourcemap: false,
      exports: 'named',
      globals: {
        vue: 'Vue',
      },
    },
  },
  {
    input: './src/index.ts',
    external: ['vue'],
    plugins: [
      ...plugins,
      terser(),
    ],
    output: {
      format: 'umd',
      file: 'dist/tetikus.min.js',
      name: 'tetikus',
      sourcemap: false,
      exports: 'named',
      globals: {
        vue: 'Vue',
      },
    },
  },
  {
    input: './src/index.ts',
    external: ['vue'],
    plugins,
    output: {
      format: 'esm',
      file: 'dist/tetikus.esm.js',
      sourcemap: false,
    },
  },
];