まさたか日記スマートフォン用の表示で見るまさたか日記2017-09-06TypeScriptでもHMRを実現するTypeScript/NodeTypeScriptの5つめ。-Dreact-hot-loaderは3.0.0-beta.7が入りました。@types/webpack-envを!これが自分的には一番ヤバい。見つけるのに苦労した。},};いろいろ出し入れしてみて、一番シンプルな作りがこれかなあ。RouterすなわちHistoryを用いてかつProxyでワークアラウンドしないアプリを作るときに必須です。}}ここで、webpack-envが出てくる!これが無いとHMRの定石である、module.hotの名前解決ができない。いやーグローバル名前空間でいろいろやれるのはダメだと思いますが、JavaScriptの黒歴史としてこんなのが山ほどこれからも出てくることでしょう。TypeScriptはJavaScriptとそのまま地続きだからグローバルで自由なユーザー定義を禁止するような言語仕様にできなかったか。});}Hotにする対象として、App.tsxに受け直しておきます。これをmodule.hot.acceptを用いて監視するのですが、ES6でやったときのようにWebpack2以降のモジュール読み込みシステムなるものは使えない。tsconfig.jsonのほうでモジュールシステムをcommonjsにしているのでこうなったかなと推測してます。いってcommonjs以外の選択肢はTypeScriptのコンパイラオプションのドキュメント読んでいろいろ研究して見たけどどうもぴったりの解がほかになかったです。requireを使ってNextAppと別名で読み込み直すのはコードもトリッキーな印象のものになります。App}>なんて書き方してますからね。なんてことになってエディタによっては「defaultは予約語だ!」というようにLintで引っかかったりします。汚いが、しょうがない。いまのところ他にやり方が思いつかない。trueとするのは時期尚早だったできるだけ厳しめ環境で書いた方がよろしかろうと、TypeScript...2017-09-06型強化の呪文。上記記事をたまたま読んで目にした呪文。noImpli...2017-09-06TypeScriptでもリリースビルドするTypeScriptの8つめ。Productionをやります。Technology(米国)はてなブログをはじめよう!masataka_kさんは、はてなブログを使っています。ブログを報告するスターをつけました引用をストックしましたストック一覧を見る閉じる引用するにはまずログインしてくださいログイン閉じる引用をストックできませんでした。再度お試しください閉じる限定公開記事のため引用できません。