【文件属性】:
文件名称:react-component-publish:发布您自己的react组件的入门
文件大小:64KB
文件格式:ZIP
更新时间:2021-01-29 17:06:08
react template npm boilerplate babel
React组件发布
准系统模板,可快速发布React组件。
具有Webpack 4和Babel 7。
它将编译为commonjs,并且需要对等方的react依赖,这意味着它将使用宿主项目使用的任何版本的react。 希望这将最小化兼容性问题。
开始
npm i
npm start
编辑src/index.js (您的组件)
要使用基本的webpack开发服务器单独查看组件,请执行以下操作:
类型:
npm run dev
编辑/srctest/app.js以更改父环境,传递道具等。
在发布到npm之前,要在另一个项目(本地)中测试组件:
建立这个专案:
npm run build
在该项目的根目录中,键入:
npm link
然后,在项目(根目录)中,您想使用您的组件:
npm link my-awesome-component
在此示例中,我使用了包名称my-awesome-component 。 这将在项目的node_modules /目录中创建软件包的符号链接。 现在,您可以将组件导入测试项目中,就好像它是正常安装的依赖项一样:
import MyAwesome
【文件预览】:
react-component-publish-master
----webpack.config.js(68B)
----src()
--------index.js(187B)
----.babelrc(83B)
----build()
--------index.js(1KB)
----webpack.publish.js(566B)
----.prettierrc(107B)
----README.md(2KB)
----buildtest()
--------index.html(174B)
----webpack.testServer.js(532B)
----.gitignore(14B)
----srctest()
--------app.js(426B)
----package-lock.json(242KB)
----package.json(898B)