antd 组件库生成了 3个 文件夹 dist lib es 我们的项目只有dist

来源:13-8 使用 travis 自动发布文档页面

慕娘2597344

2021-01-01

图片描述

图片描述图片描述

  1. 如果我不在vikingship的package.json中增加sideEffects 配置 而是通过在使用vikingship的项目中
    比如cra 创建的项目中 直接通过重写webpack配置的方式 然后像上面图中直接配置config-overrides.js的方式应该是不可以实现按需加载的吧?或者怎么做才能实现按需加载,再不配置sideEffects 的情况下?
  2. 咱们的组件库生成的包只有dist文件,而antd 有 lib es dist 3个文件 有什么区别呢?
  3. 我该怎么修改才能跟他们打出的包一样 并且含义也一样?

麻烦老师有空回答一下哈

写回答

1回答

张轩

2021-01-03

同学你好 

在我们打包的那个章节讲过了 我们只打包生成了 es modules,这种现代的 js 模块,ant的除了 es modules,还打包生成了 commonjs 也就是它的 lib 文件夹,还有最落后的 umd 也就是 dist 文件夹,也就是浏览器可以直接引用使用的 文档在这里 https://ant.design/docs/react/introduce-cn#%E6%B5%8F%E8%A7%88%E5%99%A8%E5%BC%95%E5%85%A5  

如果想生成另外两种模块,commonjs 和 umd ,光有 tsc 就不够有了,需要使用其他的打包工具进行配合,比如 rollup 和 webpack。我推荐使用 rollup

0
0

React18+TS高仿AntD从零到一打造组件库

设计,开发,测试,发布再到 CI/CD,从0到1造轮子

2136 学习 · 959 问题

查看课程