如何发布 react+typescript 组件

Question

我正在尝试发布一个用 Typescript 编写的 React 组件，但我对什么是最好的方法有一些疑问

我的工作区：

./src
   index.tsx
   styles.module.css
   logo.svg
   SubcomponentFolder
       index.tsx
       styles.module.css

- 将其发布到包管理器 (npm)
我创建了一个 tsconfig 文件： "declarations":true, "module": "commonjs", "target":"es5", "jsx": "react"
然后运行tsc && npx copyfiles -F -u 2 \\"src/lib/**/*.svg\\" \\"src/lib/**/*.css\\" dist这会生成一个具有相同结构但带有.js 文件和 d.ts 文件
我的输出：

./dist
   index.js
   index.d.ts
   styles.module.css
   logo.svg
   SubcomponentFolder
       index.js
       index.d.ts
       styles.module.css

这是通向它的方式吗？ 或者有最好的方法来解决这个问题？ 我阅读并看到了很多帖子和答案，说要走的路是使用 webpack，但我无法生成定义 .d.ts 文件。 并且还使用 webpack，它将捆绑 react 和 react-dom 并使捆绑包更重，对吗？ 还是我错了？

- 在 html 文件中使用它，像这样： https : //gist.github.com/gaearon/6668a1f6986742109c00a581ce704605
另外我想知道我是否想直接在使用 script 标签导入 react 和 react-dom 的 html 文件中使用我的组件，如何捆绑所有内容，包括图像和 css 文件？

Answer 1

听起来您对这个项目的了解有点远，因此无法提供太多帮助，但是 create-react-library npm 包会为您完成所有设置（包括打字稿）以将 react 组件发布到 npm。 如果您只有一个组件，则转移的时间不会太长。