gulpfile.js

/**
 * workflow for:
 * - transpiling tsx to mithril hyperscript
 * - replacing simple typed class names to cssobj's helper function res.mapClass, keep in mind to safely set this object
*/

var gulp = require('gulp')
var browserSync = require('browser-sync').create()
var ts = require('gulp-typescript')
var replace = require('gulp-replace')

var tsProject = ts.createProject('tsconfig.json')

gulp.task('typescript', function () {
    var tsResult = tsProject.src()
        .pipe(ts(tsProject))

    return tsResult.js
        .pipe(replace(/React.createElement/g, 'm'))
        .pipe(gulp.dest('.'))
})

gulp.task('replace', ['typescript'], function () {
    gulp.src('**/*.js', { base: './' })
        .pipe(replace(/class: \"(.*?)\"/g, 'class: res.mapClass(".$1")'))
        .pipe(gulp.dest('.'))
        .pipe(browserSync.reload({stream: true}))
})

gulp.task('serve', ['replace'], function () {
    browserSync.init({
        proxy: 'http://localhost:3309', // listening express application
        reloadDelay: 0,
        logLevel: 'silent',
        port: 3305
    })
})

gulp.task('watch', ['serve'], function () {
    gulp.watch(['!node_modules/**', '**/*.{ts,tsx}'], ['replace'])
})

gulp.task('default', ['watch'])

tsconfig.json

{
    "compilerOptions": {
        "module": "commonjs",
        "moduleResolution": "node",
        "noImplicitAny": false,
        "removeComments": true,
        "preserveConstEnums": true,
        "experimentalDecorators": true,
        "jsx": "react",
        "sourceMap": true
    },
    "filesGlob": [
        "typings/index.d.ts",
        "_lib/**/*.ts",
        "_lib/**/*.tsx"
    ],
    "compileOnSave": false
}