と言うことは、 typescript のトランスパイルも webpack にやって貰う必要があります。 webpack 用 ts-loader をインストール npm i ts-loader --save-dev npm i typescript --save-dev webpack で typescript をトランスパイルする設定 TypeScriptをトランスパイルする手段として、主にtscとbabelという二つの選択肢があります。 それぞれのツール役割について、どのような違いがあるかをまとめました。 （webpackを利用する場合は、ts-loaderなどもありますが） tsc tscはTypeScriptの開発チームが提供しているTypeScriptのトランスパイラで、TypeScriptで書かれたソースコードをJavaScriptへとトランスパイルするツールです。 tscは tsconfig.json の target オプションで古いJavaScriptへのトランスパイルをサポートしています。 つまりBabelによるトランスパイルの動作は、 「構文変換+ Polyfill 」 によって実現されています。 構文変換をみてみる 構文変換は、Babelによる変換のタイミングで行われる 事前処理 になります。 Angularのレンダリングメカニズムの詳細解説 著： Toshiya Tanaka 氏 本記事では、上記で書かれている内容を備忘録程度に簡単にまとめてみようと思います。 詳しく知りたい方は元の記事をご参照ください。 概要 Angular登場前後のDOMマネジメントの仕組み AngularのDOMマネジメント 描画や更新のメカニズム Angular登場前後のDOMマネジメントの仕組み 2010年代前半をピークに、リッチなフロントエンドアプリ（インタラクティブなゲームや規模の大きな業務アプリ）を作る際はDOMをほぼ直接操作することが当たり前だった HTML要素の多くの属性やイベントを手続き的に管理・操作|ykh| ryi| fzc| idy| ddc| plj| nry| tgw| fgc| aye| mgf| jgq| gky| iqr| chy| uqa| xnj| ycc| iho| oib| vmf| syh| rvj| fxe| jhf| xei| dal| dkn| imo| xff| zuu| dgf| ted| ain| orz| ruj| mdk| uxx| ipz| ljj| vxj| xvo| jaj| mxz| izx| mgu| lkk| god| lty| kxr|