TypeScript, React and Gulp.js - defining react

我正在尝试制作一个工作流，在那里我可以使用TypeScript编写React模块，并通过Gulp.js自动编译为JavaScript。我使用的是TypeScript 1.6.2, gulp-react和gulp-typescript。

我的.tsx文件现在是这样的:

/// <reference path="../../../../typings/react/react.d.ts" />
import React = __React;
interface HelloWorldProps {
    name: string;
}
var HelloMessage = React.createClass<HelloWorldProps, any>({
    render: function() {
        return <div>Hello {this.props.name}</div>;
    }
});
React.render(<HelloMessage name="helloooo" />, document.getElementById('test'));

我的问题是这一行:import React = __React;

当我忽略它时，我得到错误

错误TS2304: Cannot find name 'React'. '

将.tsx编译为.js(但它仍然编译为JSX，我可以使用输出)。当我把它放进去时，我可以编译没有错误，但是当我试图在浏览器中使用该文件时，我得到一个Uncaught ReferenceError: __React is not defined，当然。

这是我的gulptask的样子:

gulp.task('gui-tsx', function () {
    var tsResult = gulp.src(config.guiSrcPath + 'tsx/app.tsx')
        .pipe(ts({
            jsx: 'react'
        }));
    return tsResult.js.pipe(gulp.dest(config.guiSrcPath + 'jsx'));
});

是否有解决这个问题的方法?还是我遗漏了什么?