react + rollup + typescript boilerplate

react-rollup-typescript.md

terminal:

npm i --save-dev rollup rollup-watch rollup-plugin-typescript typescript typings
npm i -S react react-dom
./node_modules/.bin/typings install react react-dom --save
mkdir src dist
touch src/index.tsx

package.json:

"scripts": {
  "build": "rollup -c",
  "watch": "rollup -cw"
}

rollup.config.js:

import typescript from 'rollup-plugin-typescript'

export default {
  entry: './src/index.tsx',
  dest: './dist/bundle.js',
  format: 'iife',
  plugins: [
    typescript()
  ]
}

tsconfig.json:

{
  "compilerOptions": {
    "emitDecoratorMetadata": true,
    "experimentalDecorators": true,
    "forceConsistentCasingInFileNames": true,
    "jsx": "react",
    "module": "es6",
    "moduleResolution": "node",
    "noImplicitAny": true,
    "outDir": "./dist",
    "preserveConstEnums": true,
    "target": "es5"
  },
  "exclude": [
    "node_modules"
  ]
}

Thanks! This was helpful in getting up and running. Simple and elegant 👍

What is the point of installing typescript? rollup uses the one that comes with rollup-plugin-typescript which is 1.8.9 as of now.

There's a new version of TypeScript (2.0), another reason for installing it is so you can specify the local installation of 2.0.

This doesn't work out of the box anymore due to new versions of these packages. Consider adding version numbers of what will work.

See new rollup config here: https://github.com/rollup/rollup-plugin-typescript

UPDATE: i mean here: https://github.com/rollup/plugins/tree/master/packages/typescript (it moved again)