How to use rollup-plugin-typescript2 - 10 common examples

isUMD
        ? {
            file: getFileName(pkg.main.replace('.js', '.umd.js')),
            name: camelCase(libraryName),
            format: 'umd',
          }
        : { file: getFileName(pkg.main), format: 'cjs' },
    ],
    sourcemap: true,
    watch: {
      include: 'src/**',
    },
    external: isUMD ? [] : id => id === 'react' || /codemirror/.test(id),
    plugins: [
      // Compile TypeScript files
      typescript({ useTsconfigDeclarationDir: true }),
      // Allow bundling cjs modules (unlike webpack, rollup doesn't understand cjs)
      isUMD && 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
      isUMD && resolve(),

      // Resolve source maps to the original source
      sourceMaps(),

      minify && uglify(),
    ],
  };
}

}),
          resolve({
            browser: true,
            jsnext: true,
            preferBuiltins: true,
          }),
          commonjs({
            namedExports: {
              [path.resolve(__dirname, '../', 'includes/proto/index.js')]: [
                'ZilliqaMessage',
              ],
            },
          }),
          globals(),
          json(),
          typescript2({
            tsconfig: path.join(pkg.path, 'tsconfig.json'),
            typescript: ts, // ensure we're using the same typescript (3.x) for rollup as for regular builds etc
            tsconfigOverride: {
              module: 'esnext',
              stripInternal: true,
              emitDeclarationOnly: false,
              composite: false,
              declaration: false,
              declarationMap: false,
              sourceMap: true,
            },
          }),
        ],
        // mark all packages that are not *this* package as external so they don't get included in the bundle
        // include tslib in the bundles since only __decorate is really used by multiple packages (we can figure out a way to deduplicate that later on if need be)
        external: getKeys(pkg.name),

function config({plugins = [], output = {}}) {
  return {
    input: 'src/index.ts',
    plugins: [
      typescript({
        tsconfigOverride: {
          compilerOptions: {module: 'ES2015'},
        },
      }),
      node(), ...plugins
    ],
    output: {
      banner: PREAMBLE,
      globals: {
        '@tensorflow/tfjs-core': 'tf',
        '@tensorflow/tfjs-converter': 'tf',
      },
      ...output
    },
    external: [
      '@tensorflow/tfjs-core',

function createESMConfig(input, output) {
  return {
    input,
    output: { file: output, format: 'esm' },
    external,
    plugins: [
      typescript(),
      babel(getBabelOptions({ node: 8 })),
      sizeSnapshot(),
      resolve({ extensions }),
    ],
  }
}

import ts from "rollup-plugin-typescript2";

import config from "./rollup.config.base";

config.plugins.push(ts({ verbosity: 2, abortOnError: false }));

export default config;

"classnames",
      "framer-motion",
      "prop-types",
      "react",
      "tinycolor2",
    ],
    output: [
      {
        dir: ".",
        format: "cjs",
        sourcemap: true,
        entryFileNames: "[name].js",
      },
    ],
    plugins: [
      typescript({
        tsconfig: "tsconfig.build.json",
      }),
      multiInput({
        relative: "src/",
      }),
      postcss({
        extensions: [".css"],
      }),
    ],
  };
}

import json from 'rollup-plugin-json';
import commonjs from 'rollup-plugin-commonjs';

export const plugins = {
  replace: replace({
    'process.env.NODE_ENV': JSON.stringify('production')
  }),
  VuePlugin: VuePlugin({
    defaultLang: {
      script: 'ts'
    },
    template: {
      isProduction: true
    }
  }),
  typescript: typescript({
    objectHashIgnoreUnknownHack: true,
    clean: true
  }),
  babel: babel({
    babelrc: false,
    exclude: 'node_modules/**',
    extensions: ['.js', '.ts', '.vue'],
    presets: [
      '@babel/env'
    ],
  }),
  nodeResolve: nodeResolve(),
  json: json({
    include: 'package.json',
    compact: true
  }),

function rollupConfig(config) {
    const { format, target } = config;
    return {
        input: entry,
        output: {
            file: `${dist}/rotoscope.js`,
            format,
        },
        plugins: [
            typescript({
                clean: true,
                tsconfigOverride: {
                    compilerOptions: {
                        target,
                    },
                },
            }),
        ],
    };
}

import typescriptPluginOptions from './base/plugins/typescript'
import plugins from './base/plugins/index'

const DEMO_DIR = path.join(__dirname, '../demo')

/** @type {import('rollup').RollupOptions} */
export default {
  input: path.join(DEMO_DIR, 'index.ts'),
  output: {
    file: path.join(DEMO_DIR, 'demo.js'),
    format: 'iife',
    name: 'demo',
    sourcemap: true,
  },
  plugins: [
    typescript(typescriptPluginOptions),
    vue(),
    replace({
      'process.env.NODE_ENV': JSON.stringify('development'),
    }),
    serve({
      open: true,
      contentBase: DEMO_DIR,
      port: 8080,
    }),
    livereload({
      verbose: true,
      watch: DEMO_DIR,
    }),
  ].concat(plugins),
}

const external = Object.keys(common.output.globals);

export default [
  {
    input: common.input,
    output: {
      file: 'dist/index.umd.js',
      format: 'umd',
      name: common.output.name,
      globals: common.output.globals,
    },
    external,
    plugins: [
      resolve(common.plugins.resolve),
      commonjs(common.plugins.commonJs),
      typescript(common.plugins.typescript),
      babel(common.plugins.babel),
      replace({
        'process.env.NODE_ENV': JSON.stringify('development'),
      }),
      sizeSnapshot(),
    ],
  },
  {
    input: common.input,
    output: {
      file: 'dist/index.umd.min.js',
      format: 'umd',
      globals: common.output.globals,
      name: common.output.name,
    },
    external,