funpackagenpm

npm 发包学习

npm 的开发和发布目录可以是两个分开，也可以是共用一个 源代码目录（一般是 src ）和编译后代码目录（一般是 lib / dist ）。

需要注意 package.json 中的 main 和 types 以及 files 字段。 main 代表着 js 环境下的工程入口; types 代表着 ts 环境下 声明文件入口; files 代表需要发布的文件。

rollup 的使用

1. 输出: 最常见的三种情况：

• 在构建工具中引入（esm）
• 在页面中直接引入（umd）
• 在 nodejs 环境中使用 (cjs)

1. 发布 三种情况

• 不编译, 直接源码发布
• 只编译，不打包（这样就能完美支持按需引入了）
• 编译与打包 ,生成一个文件 eg: index.esm.min.js