react发布组件

react发布组件

絮叨一下

使用react半年了，一直在用react做项目，但从来没有发布过react组件。虽然会了不一定是大神，但是只要是大神就一定会，所以最近一直在研究怎么用react发布一个组件。网上很多案例教程，但是大多数项目包已经比较老旧（本文不介绍一步步初始化，搭建配置）。

于是自己就捯饬起来，首先打包构建应该分两个配置文件，一种是为了开发预览使用，一个是为了发布使用。开发预览要有页面模板，发布则不需要，毕竟是组件而不是页面项目。一直卡在一个问题上，预览构建可以使用，但是打包发布之后的文件引用起来一直各种报错。最后终于找到问题根本症结（其他问题欢迎提出一起讨论）。

output: {
    path: path.join(__dirname, '../lib'),
    filename: 'index.js',
    libraryTarget: 'umd'  
    //发布组件专用,必须配置libraryTarget: 'umd'，umd为兼容模式
},

目的

主要为了简化节省初始化搭建时间，可以克隆下来修改一下包名，版本，发布文件夹，作者等差异点，就可以直接使用。

项目GitHub地址

备注：

本项目中有完整webpack预览、发布配置，仅供参考学习，如果发现问题欢迎指正。