TypeScript + Webpack + Reactによるコンポーネントのnpmパッケージを作る - Qiita

TypeScript + Webpack + Reactによるコンポーネントのnpmパッケージを作る - Qiita

概要 ReactでWebアプリを開発しているときに、「このコンポーネントたちは再利用性が高いからnpmパッケ...概要を表示 概要 ReactでWebアプリを開発しているときに、「このコンポーネントたちは再利用性が高いからnpmパッケージとして独立させたい」と思ったときにどうすればいいかを整理します。 こちらの記事を参考にしています。 Reactコンポーネントをnpmで公開する（GitHub Pages付き、Babel7、webpack4） この記事と異なる事情として、 TypeScriptを使いたい Babel CLIではなくWebpack CLIでコンポーネントをビルドしたい（sass-loaderとかも使いたい） というのがありました。 案外いろいろなところで詰まったので、備忘録として書き残しておきます。 筆者の環境 MacOS Catalina 10.15.3 zsh 5.7.1 npm 6.9.0 yarn 1.19.0 完成品 手順 以下の手順で説明します。 必要なパッケージのインストール 必要な設定