在NPM发布一个React组件

前言
在前端开发过程中,组件往往是可以复用的,如果没有封装成package的话,就需要从一个项目拷贝到另一个项目,操作比较麻烦。如果发布成package,每次项目用的时候,就只需要安装一下package,非常方便,那么我们自己如何创建一个React组件并发布呢?本文就来学习一下。
实战
本次就以一个按钮为例,进行实战操作
新建一个react项目
安装脚手架,并用脚手架创建一个react项目
npm install -g create-react-app
create-react-app floatbutton

创建完成后的目录结构如下:
src下的文件除了 App.js App.css index.js 其他没用的可以全部删除,涉及到删除文件的部分代码也删除,不然会报错,并且新建一个lib文件夹用来存放组件:
编写组件
在FloatButton下的index.js编写代码如下:
i

在NPM发布一个React组件最先出现在Python成神之路

版权声明:
作者:siwei
链接:https://www.techfm.club/p/8540.html
来源:TechFM
文章版权归作者所有,未经允许请勿转载。

THE END
分享
二维码
< <上一篇
下一篇>>