javascript - 1 つの .js ファイルで定義された ReactJS コンポーネントを html ファイルで使用する方法

Question

次のように、HTML ファイルで reactjs コンポーネントを定義しました。

<script type="text/babel">
 var WorkHistory = React.createClass({
......
});
                  ReactDOM.render(
                        <WorkHistory 
                        />,
                        document.getElementById('work_history')
                    );
</script>

これで、HTML ページでこれを簡単に使用できます。ただし、コード全体を次のように記述する必要があります。

WORKHISTORY.js ファイル:

var WorkHistory = React.createClass({
    ......
    });

WORKHISTORY.html ファイル:

<script type="text/babel">
                      ReactDOM.render(
                            <WorkHistory 
                            />,
                            document.getElementById('work_history')
                        );
</script>

どうすればこれを達成できますか??