打包问题

Question

1. 老师，如果只是给平时框架开发用，是不是直接 tsc --module commonjs 就可以发布了
2. 还有 umd 和 es5 是都兼容 script 引入的情况，为啥要打包两个
3. 用 webpack 打包 umd 和 es5 和 rollup 打包出来，会有什么区别吗
4. 如果使用打包工具的话 exteranl 排除了一个包A，但是 package.json 的 dependencies 没有排除 包A，安装我们发布包的时候，包 A 是不是还会被安装一次呀

Answer 1

ustbhuangyi 2021-12-11 10:22:26

1. 通常也会借助于 rollup 这类打包工具
2. 为了让使用方有不同的引用方式，umd 通常是  script 引入，es5 通常是模块化的方式引入
3. rollup 打包库比 webpack 更加干净，能生成 es module，而 webpack 打包的代码会有大量闭包代码
4. 不会，代码中只要不去 import 就不会打包进去。

• 提问者 诺巴蒂 #1

  那 lib 它除了那个 types 有用，本身其他代码还有啥用呀

• ustbhuangyi 回复 提问者 诺巴蒂 #2

  你说的 lib 是指的什么？

• 提问者 诺巴蒂 回复 ustbhuangyi #3

  就是，您打包的时候，先执行了 tsc --module commonjs ，这个，在 dist 目录下生成了 lib 和 types，然后再 rollup 生成了 umd，es5，那个 lib 是 ts -> js 的代码，但是没看到有暴露出去

点开查看后面1条评论