Reactjs 无法将react/样式化组件正确发布到使用create react app生成的npm

我正在为我的项目使用

create react app

，这是一个使用react和样式化组件的组件库，我想在

npm

上发布项目

我有几个问题困扰着我，在其他项目中作为包安装时会导致错误

应该发布哪个目录-

src

或

dist

如果我发布

src

，则会出现此错误-

因此，它在安装库包的项目的

src

中查看

所以我发现，我们需要添加

“main”：“dist/index.js”

，但是

dist

文件夹的根目录下有

index.html

，并且在

static/js

文件夹中散列了js文件名

那么，发布使用createreact应用程序和样式化组件构建的包的正确过程是什么

./node_modules/packagename/src/components/atoms/Button/index.jsx 6:3
Module parse failed: Unexpected token (6:3)
You may need an appropriate loader to handle this file type.
| 
| export const TextButton = ({ children, ...props }) => (
>    <StyledTextButton {...props}>{children}</StyledTextButton>
| )
|

Can't resolve `packagename` in 'project/src'