swanheart v0.0.0

目标

1. react组件库，取名swanheart，能够导出swanheart.es.js和swanheart.umd.js。
2. 代码使用typescript进行开发。
3. 样式使用less进行开发。
4. 引入antd组件库作为底层原子组件库，并且swanheart.es.js包含antd组件代码和样式代码。
5. 依赖的react、react-dom模块以外部引用方式

安装

pnpm i  

运行

1. pnpm run build-for-vite-dev

2. 看看有没有生成dist目录，然后进入docs项目执行pnpm i

3. 运行docs项目

项目结构

src 组件的源码 dist 组件打包后的代码 builder 构建工具，包含vite和webpack自由选择

问题记录

vite构建时：

• 打包出来后没法解析。main字段要设置成 dist/raphael.es.js 不要 ./dist/raphael.es.js 网上好多文章不对

• 打包出来没有css样式。
    需要在用到的项目引入打包后的css，至于antd为什么不用，有待研究

• 打包出来没有.d.ts文件。

• package.json中的module exports字段不知道什么意思
    需要继续了解

webpack构建时：

• webpack.dev.config.js 这个文件如果改成.ts还要先把文件编译了才能用，

• webpack.dev.config.js 没法支持es6写法

• webpack.dev.config.js package.json 的type字段也要改成commonjs