【文件属性】：
文件名称：example-rollup-react-component-npm-package：示例React组件，发布到npm
文件大小：344KB
文件格式：ZIP
更新时间：2021-02-03 07:27:32
react npm rollup npm-package rollup-example
示例汇总React组件npm软件包
使用发布到npm 示例React组件“库”。
rollup和webpack
有很多比较rollup和webpack的文章（例如或或或 ）。
总的来说是
webpack通常更适合应用程序， rollup通常更适合库
那么这个项目是什么？
我以前从未使用过rollup -地狱，我之前几乎没有使用过webpack 。
这主要是为了了解使用rollup创建React组件包是多么容易/困难（又名“概念证明”）。
我对这个包裹的要求是
使用babel
使用semantic-release
使用sass
支持umd和es模块
使用storybook
使导出的组件真正简单
我的一般想法
似乎很容易上手rollup
有很多插件
指定输出类型非常容易（例如umd和es ）
一些rollup插件在babel@7表现并不babel@7 -这就是为什么我降级为6 （我肯定会搞砸了）
插入storybook的简便方法
这很奇怪，感觉很不错，因为storybook正在使用webpack进行构建 :grimacing_face:
有用的文章
对检查也非
【文件预览】：
example-rollup-react-component-npm-package-master
----.eslintrc(69B)
----rollup.config.js(1KB)
----.github()
--------workflows()
----commitlint.config.js(62B)
----src()
--------AnotherExample()
--------AnExample()
--------index.js(183B)
----.babelrc(373B)
----.npmignore(182B)
----.storybook()
--------main.js(136B)
----LICENSE(1KB)
----jest.config.js(6KB)
----README.md(4KB)
----.huskyrc(126B)
----setupTests.js(173B)
----.gitignore(891B)
----.eslintignore(44B)
----package-lock.json(1.5MB)
----package.json(4KB)
----.nvmrc(9B)