我在github上發現了一個通用的開源react組件，我想對其進行修改并在我自己的react專案中使用。該組件在一個使用rollup作為捆綁器的專案中。這是一個非常簡單的組件，只有一個檔案，src/index.tsx。專案中包括rollup.config.js和tsconfig.json。
我傾向于分叉該專案并修改它自己的存盤庫，然后將其包含在我的專案中，而不是僅僅將代碼復制到我的專案中。
為了修改該組件，我希望能夠在我進行修改時在 html 頁面中看到它，就像我在 create-react-app 專案上作業時那樣。
在一個只包括組件的 react 專案中作業時，典型的開發作業流程是什么？我到底該如何預覽變化呢？
我曾嘗試在組件專案中制作另一個 react 應用作為子專案，并匯入父專案的捆綁輸出，盡管它編譯成功，但卻給我帶來這個錯誤，（我懷疑是 react 重復的問題）。
uj5u.com熱心網友回復：
在此貼出我的解決方案，以防對任何人有所幫助。
我想做的是直觀地看到我對 react 組件所做的更改。Storybook 在這方面非常出色，但如果該組件是一個 github 分支的 rollup bundle，這可能會很有用。
我最終所做的是克隆庫并將其匯入我的 react 專案中。例如，如果我的 react 專案是 projects/react-app 而我的組件是 component-project，在 projects/react-app 運行 npm install ./component-project。
然后，我將兩個專案都鏈接到一個全域版本的 react。這是必要的，以便在開發程序中，react應用和組件包都使用相同版本的react。否則你在嘗試使用鉤子時就會出現奇怪的錯誤。
我按照這個答案中的步驟解決了這個問題：
1. In Your Application:
a) cd node_modules/react && npm link
b) cd node_modules/react-dom && npm link
2. 在 你的 庫中
a) npm link react
b) npm鏈接react-dom
從那里，你可以啟動你的開發服務器，用rollup觀察變化，并在你在react組件庫中進行修改時看到你的變化。在做出我想要的改變后，我將庫發布到github包中，以便在我的CD作業流程中繼續使用。
。轉載請註明出處，本文鏈接：https://www.uj5u.com/yidong/333283.html
標籤：
上一篇：Spark-Scala-Intellijjava.lang.IllegalStateException。安裝macOSBigSurUpdate后