react-component-publish:发布您自己的react组件的入门

时间:2024-02-19 10:52:48
【文件属性】:

文件名称:react-component-publish:发布您自己的react组件的入门

文件大小:64KB

文件格式:ZIP

更新时间:2024-02-19 10:52:48

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)

网友评论