gulp-rollup-react.js

var gulp = require('gulp');
var rollup = require('rollup').rollup;
var nodeResolve = require('rollup-plugin-node-resolve');
var commonjs = require('rollup-plugin-commonjs');
var typescript = require('rollup-plugin-typescript');
var replace = require('rollup-plugin-replace');

gulp.task('default', ['bundle']);

gulp.task('bundle', function () {
  return rollup({
    entry: './src/scripts/index.tsx',
    plugins: [
      typescript({ jsx: 'react' }),
      nodeResolve({ jsnext: true }),
      commonjs({
        include: 'node_modules/**',
        namedExports: {
          'react-dom': ['render']
        }
      }),
      replace({
        'process.env.NODE_ENV': JSON.stringify('production')
      })
    ]
  }).then(function (bundle) {
    return bundle.write({
      format: 'iife',
      dest: './www/scripts/index.js'
    });
  });
});

hallelujah! praise the lords of the internet! Someone with some sense finally. Enough of this Webpack bullshit, Gulp is so much superior!