(Bootstrap)を使うにはTypeScriptで記述しているReactアプリケーションをWebpackでビルドしている開発環境で、jQueryライブラリをあわせて使う構成について調べたことをまとめてみました。Bootstrapを追加してみます。jQueryは、TypeScriptのコンパイルはimportで通りますが、そのままでは、jQueryがbundle.jsに含まれません。jQueryをbundle.jsに含めるためには、ProvidePluginを利用することで解決できます。jQuery本体については、CDNからjsを含めても依存の問題は発生しにくいので、scriptタグで指定してしまうのが良い気もします。ReactでBootstrapを使いたい場合は、React-Bootstrapを使うほうが筋が良いと思いますが、ここではあえて本家のBoostrapを利用してみます。2016年4月3日bootstrap-datepicker使い方まとめDatePickerコンポーネントは、Bootstrapの標準のJavascriptコンポーネントに含まれていませんので、DatePickerを使いたい場合はbootstrap-datepickerを追加する必要があります。bootstrap-datepickerはオリジナルのものと機能強化されたものがあるようですが、私は後者を使っています。使われていそうな感じだったので試してみました。先に説明用のコード全体を貼りました。</body></html>ブラウザで表示するとこんな感じです。ディレクトリに入れています。ディレクトリに置いています。ところで、typeaheadのリポジトリにはなぜか、cssが含まれていません。