react发布组件
絮叨一下
使用react半年了,一直在用react做项目,但从来没有发布过react组件。虽然会了不一定是大神,但是只要是大神就一定会,所以最近一直在研究怎么用react发布一个组件。网上很多案例教程,但是大多数项目包已经比较老旧(本文不介绍一步步初始化,搭建配置)。
于是自己就捯饬起来,首先打包构建应该分两个配置文件,一种是为了开发预览使用,一个是为了发布使用。开发预览要有页面模板,发布则不需要,毕竟是组件而不是页面项目。一直卡在一个问题上,预览构建可以使用,但是打包发布之后的文件引用起来一直各种报错。最后终于找到问题根本症结(其他问题欢迎提出一起讨论)。
output: {
path: path.join(__dirname, '../lib'),
filename: 'index.js',
libraryTarget: 'umd'
//发布组件专用,必须配置libraryTarget: 'umd',umd为兼容模式
},
目的
主要为了简化节省初始化搭建时间,可以克隆下来修改一下包名,版本,发布文件夹,作者等差异点,就可以直接使用。
备注:
本项目中有完整webpack预览、发布配置,仅供参考学习,如果发现问题欢迎指正。