如何详细实现支持cjs和esm的npm包示例？

本文共计603个文字，预计阅读时间需要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下来，本地构建测试。