@reframe/typescript v0.0.1-rc.13

Reframe + TypeScript = :heart:

@reframe/typescript

Use Reframe with TypeScript.

Usage

Add @reframe/typescript to your reframe.config.js to use Reframe with TypeScript:

// reframe.config.js

const ts = require('@reframe/typescript'); // npm install @reframe/typescript

module.exports = {
    plugins: [
        ts({
            // `loaderOptions` is passed to `ts-loader`.
            loaderOptions: { // default value
                transpileOnly: true
            },

            // The `fork-ts-checker-webpack-plugin` plugin is not used if `dontUseForkChecker` is set to true.
            dontUseForkChecker: false, // default value

            // `forkCheckerOptions` is passed to `new ForkTsCheckerWebpackPlugin(forkCheckerOptions)`.
            forkCheckerOptions: { // default value
                silent: true,
            },
        })
    ],
};

Example

// /typescript/example/reframe.config.js

const ts = require('@reframe/typescript');

module.exports = {
    plugins: [
        ts(),
    ],
};

// /typescript/example/pages/landing.tsx

import * as React from "react";

interface HelloProps { compiler: string; framework: string; }

const Hello = (props: HelloProps) => <h1>Hello from {props.compiler} and {props.framework}!</h1>;

export default {
    route: '/',
    view: () => <Hello compiler="TypeScript" framework="React" />,
    domStatic: true,
};