npm-test-yanjinqiang11 v4.0.0

plugins

• https://github.com/rollup/plugins （rollup插件集合）

.babelrc

• https://zhuanlan.zhihu.com/p/405456997

问题

• npm包图片问题(导出base64)
• npm包Style导出(style-inject实现)
• 多入口输出
• npm包管理工具
• 主项目中是否需要删除依赖
• typescript引用
• galaxy项目无法转换此包es6语法

总结

yalc(本地的npm包管理)

• 简单、快速；

storybook

• UI组件库开发的插件

PC

• TS+rollup+storybook

rollup

• webpack适用于应用级，rolluphis适用于组件包
• postcss(extract: true）提取样式，extract: true导致分代码（code split）的样式都会集中在一起，extract: false style inject

babel-plugin-import 样式注入

使用babel-plugin-import自动注入UI库的style样式，需要生成ES库， 尝试使用rollup生成ES库（目前），成本代价高； 目前采用的方式是style-inject方式实现，达到的效果是一致性的，但是不是最佳方案；

 ['babel-plugin-import', {
                        libraryName: 'antd-mobile',
                        libraryDirectory: 'es',
                        style: true
                    }, 'antd-mobile']

可采用umi-fahter生成babel-plugin-import需要的ES文件内容

• https://github.com/umijs/father（gulp+rollup[猜测？]）
• https://github.com/egoist/rollup-plugin-postcss/issues/160 可解决

新技术

• https://www.sveltejs.cn/examples#reactive-declarations

测试

• 低版本安卓和苹果兼容性测试测试；
• react-testing-library