如何發布 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。 如果您只有一個組件，則轉移的時間不會太長。