npmのパッケージを公開するための続き
開発日記-2024-07-03の続き。パッケージ開発のためのMonorepo環境の構築を進めた。参考にした記事を備忘録として残しておく。
MonorepoでのESLint設定について
monorepo (yarn workspace) で tsconfig や .eslintrc をいい感じに管理する
zenn.dev
![monorepo (yarn workspace) で tsconfig や .eslintrc をいい感じに管理する](/_next/image?url=https%3A%2F%2Fpublic-content.hackersheet.com%2Fwebsite-og-images%2F1e5dfc84-4f51-4748-8ebb-81f530aa389e.png&w=3840&q=75)
monorepoにeslintの設定を管理するパッケージを作成したメモ - Qiita
概要前回はmonorepo構成を作成した。この環境を使いやすくするため、monorepo (yarn workspace) で tsconfig や .eslintrc をいい感じに管理するを参…
qiita.com
![monorepoにeslintの設定を管理するパッケージを作成したメモ - Qiita](/_next/image?url=https%3A%2F%2Fpublic-content.hackersheet.com%2Fwebsite-og-images%2F801af33e-d308-4083-ab08-ff2cf36135a4.jpeg&w=3840&q=75)
Configuring: ESLint | Next.js
Next.js reports ESLint errors and warnings during builds by default. Learn how to opt-out of this behavior here.
nextjs.org
![Configuring: ESLint | Next.js](/_next/image?url=https%3A%2F%2Fpublic-content.hackersheet.com%2Fwebsite-og-images%2Ff1174af0-a16a-431e-97d1-e46c0e3baa27.png&w=1920&q=75)
バンドルツールについて
tsup、Rollupというものがあるみたいなので参考になる記事を集めた。
tsup を使う理由をドキュメントと実装から調べた | t28.dev
tsup という TypeScript 製のライブラリ向けバンドラーが良さげ〜ってなったので、tsup がやってくれることを調べてみたメモ (v7.1.0 時点)。 tsup?
Bundle your TypeScript library with no config…
t28.dev
![tsup を使う理由をドキュメントと実装から調べた | t28.dev](/_next/image?url=https%3A%2F%2Fpublic-content.hackersheet.com%2Fwebsite-og-images%2Fae119973-d2b7-4f9b-acdb-c99155223652.png&w=3840&q=75)
Rollupがちょうどいい感じ - Qiita
昨年の途中からちらほら耳にするものの、まだ「なにそれ美味しいの?」なRollupですが、馴染むと手放せなくなる感じ。どんなものか、使い方から、プラグインのつくりかたまで、概観してみたいと思います。…
qiita.com
![Rollupがちょうどいい感じ - Qiita](/_next/image?url=https%3A%2F%2Fpublic-content.hackersheet.com%2Fwebsite-og-images%2F5690a871-f39b-48d5-8e20-a26f99845677.jpeg&w=3840&q=75)
独自TypeScript Library公開へ向けてtsupをチェケラッチョ|DonTacos
興味があるけど、tsupを聞いたことがない人のために、私たちはこのモダンで堅牢なJavaScriptツールについて説明します。tsupは、人気のあるrollupの代替となる新しいバンドルツールで、JavaScriptライブラリを作成し、他の人が自分のプロジェクトにnpm installできるように、npmレジストリに提出する方法を説明します。この記事は、JavaScriptの拡張機能であるTypeScriptに焦点を当てています。 tsupは、キャッシュを必要とせずに極めて高速な現代のJavaScrip
note.com
![独自TypeScript Library公開へ向けてtsupをチェケラッチョ|DonTacos](/_next/image?url=https%3A%2F%2Fpublic-content.hackersheet.com%2Fwebsite-og-images%2Faafa4ada-5efc-4374-923a-c79036474a1f.png&w=3840&q=75)
TypeScript で書いたパッケージを npm に公開する 2023
zenn.dev
![TypeScript で書いたパッケージを npm に公開する 2023](/_next/image?url=https%3A%2F%2Fpublic-content.hackersheet.com%2Fwebsite-og-images%2F6e6b54a1-b4a8-4473-9584-81c0e4ba033d.png&w=3840&q=75)
Prettierの設定項目についてまとまっている記事
Next.jsにPrettierを導入して設定する
zenn.dev
![Next.jsにPrettierを導入して設定する](/_next/image?url=https%3A%2F%2Fpublic-content.hackersheet.com%2Fwebsite-og-images%2Fcea90c3b-e112-45ac-97a3-badf47f97e64.png&w=3840&q=75)
tsconfig.json の incremental
について
tsconfig.json の incremental
を true
にすると、tsupでエラーになった原因を調べないといけない。
tsconfig.json の incremental
zenn.dev
![tsconfig.json の incremental](/_next/image?url=https%3A%2F%2Fpublic-content.hackersheet.com%2Fwebsite-og-images%2Fe2668b7f-daa0-4f02-be30-75bafb212f1c.png&w=3840&q=75)
ローカルのnpmパッケージの依存関係を定義する
package.json
{
"dependencies": {
"package": "file:/path/to/package"
}
}
開発中のnpmライブラリをローカルでアプリにインストールした状態で開発する方法
zenn.dev
![開発中のnpmライブラリをローカルでアプリにインストールした状態で開発する方法](/_next/image?url=https%3A%2F%2Fpublic-content.hackersheet.com%2Fwebsite-og-images%2F62eab44b-4629-435e-b8f2-6e064e6504fa.png&w=3840&q=75)
npmでローカルのパッケージをinstallする方法 - Qiita
この投稿ではnpmコマンドで、ローカルのパッケージをインストールする方法を紹介します。通常npm intallはnpmjs.comで公開されたパッケージをダウンロードしてきてインストールしますが、…
qiita.com
![npmでローカルのパッケージをinstallする方法 - Qiita](/_next/image?url=https%3A%2F%2Fpublic-content.hackersheet.com%2Fwebsite-og-images%2F3cd2efc9-a04b-40ff-aaca-f06aaa9d0e13.jpeg&w=3840&q=75)