🧊

Preact x TypeScript x Babel x webpack x ESLintの環境構築

久々にやったら割と時間を食ったのでメモっておく・・。

やりたいこと

  • `preact`を使う
    • `preact-compat`でもない純正を使う
  • TSで書く
  • `webpack`でバンドルする
  • ESLint w/ Prettierは欲しい

設定

Preact x TypeScript x Babel x webpack x ESLint · GitHub

こちらのGistからどうぞ。

まとめ

ReactではなくPreactを使うんだという指定のところだけがハマりどころ。

そのほかはReactのESLint rulesとかそのまま使えるので便利。

公式的には、Reactへのエイリアスを張ってしまって解決するというワザもあるらしい。

Getting Started – Preact