TypeScript で書いたパッケージを npm に公開する 2023

新しいツールの登場や CommonJS / ES Module 両対応の必要性などによって npm パッケージの開発まわりが数年前と比べて変わってきているので書きました。 バンドラの選定 バンドラには webpack や Vite、Turbopack、Rspack などありますが、この記事では筆者がおすすめする tsup を使います。tsup は内部で esbuild（と SWC[1]）が使われているバンドラで、.js、.json、.mjs、.ts、.tsx（experimental で.css）をサポートしています。esbuild が使われているため webpack と比べて高速で、また Zero-config で使うこともできます（今回はコンフィグを書きますが）。tsup が使われているプロジェクトとして代表的なものには Chakra UI、Storybook、Redux、Turbo、