如何构建同时支持CommonJS和ES模块的npm包实现示例？

本文共计602个文字，预计阅读时间需要3分钟。

目录 + 正文 + tsc + cjs + esm + package.json + rollup + rollup.config.js + package.json + webpack + webpack.config.js + package.json + esbuild + 正文 + 模块化是程序员常讨论的话题，打包工具层出不穷。那么，如何有效利用这些打包工具呢？

目录

• 正文
• tsc
• cjs
• esm
• package.json
• rollup
• rollup.config.js
• package.json
• webpack
• webpack.config.js
• package.json
• esbuild

正文

模块化是一个老生常谈的问题了，打包工具层出不穷。

那么，如何利用这些打包工具去打出既支持cjs，又支持esm的npm包呢。

这篇文章不涉及概念，是一些打包实测。

demo repo: github.com/FrankKai/np…

可以clone下来，本地构建测试。