Maxence Poutord 9/8/2023

How to publish an npm package for ESM and CommonJS with TypeScript

Read Original

This technical tutorial explains how to configure and publish an npm package written in TypeScript to support both ESM (ECMAScript Modules) and CommonJS environments. It covers setting up separate TypeScript configurations (tsconfig.esm.json and tsconfig.cjs.json), structuring the package.json with conditional exports, and building for dual module systems to ensure compatibility with modern frontend (e.g., Vite) and backend (e.g., NestJS) projects.

How to publish an npm package for ESM and CommonJS with TypeScript

Comments

No comments yet

Be the first to share your thoughts!

Browser Extension

Get instant access to AllDevBlogs from your browser

Top of the Week

2
Designing Design Systems
TkDodo Dominik Dorfmeister 2 votes
4
Introducing RSC Explorer
Dan Abramov 1 votes
6
Fragments Dec 11
Martin Fowler 1 votes
7
Adding Type Hints to my Blog
Daniel Feldroy 1 votes
8
Refactoring English: Month 12
Michael Lynch 1 votes
10