BLOGカルテットコミュニケーションズ開発部ブログこの記事は公開されてから1年以上経過しています。情報が古い可能性がありますのでご注意ください。弊社の過去のブログを実践した方法をチュートリアル的に紹介します。追記ブログのタイトルがSymfony2向けとなっていますが、上記ブログの内容を元にSymfony3で実践した内容を紹介しています。仕組みと主な環境TypeScriptで書いたソースコードをwebpackでJavaScriptにトランスパイルし、Symfonyのassetとしてtwigに読み込ませます。Filterを通してJavaScriptを読み込んでいます。今回のコードでは特にasseticを通す必要はありませんが、弊社プロジェクトでこの記事の内容を実践するにあたりasseticを利用したため、参考までに記述させていただきます。新規のプロジェクトを作成します。Symfony\Bundle\AsseticBundle\AsseticBundle(),ブラウザで見てみるビルトインサーバーを起動してページを表示してみましょう。開くとページが表示されます。webpack-mergewebpackの設定ファイル以下のファイルを作成します。}});tsconfig.jsonの作成このファイルはTypeScriptのトランスパイルの設定として使用されます。読み込んでwebpackが実行されます。これをnpm-scriptsとして登録しておきます。--production"},サンプルのソースコードどのように動作するのかブラウザで確認するためサンプルを書いてみましょう。