How can I set up Rollup with TypeScript?

How can I set up Rollup with TypeScript?

To set up Rollup with TypeScript, you'll need to install Rollup and the necessary plugins. Start by running npm install rollup rollup-plugin-typescript2 typescript --save-dev.

What should my rollup.config.js file look like?

Your rollup.config.js should include the TypeScript plugin. Here's a basic example:

import typescript from 'rollup-plugin-typescript2';

export default {
  input: 'src/index.ts',
  output: {
    file: 'dist/bundle.js',
    format: 'cjs',
  },
  plugins: [typescript()]
};

Do I need a tsconfig.json file?

Yes, you need a tsconfig.json file to configure TypeScript options. A simple example would be:

{
  "compilerOptions": {
    "target": "es5",
    "module": "commonjs",
    "strict": true
  }
}

How do I run the Rollup build?

You can run the Rollup build by adding a script in your package.json:

"scripts": {
  "build": "rollup -c"
}

Then execute npm run build in your terminal.