{"_id":"@dev-to/react-loader","_rev":"8-c767a41c3c026e264ed421e91ba4ad96","name":"@dev-to/react-loader","dist-tags":{"latest":"1.0.6"},"versions":{"0.1.0":{"name":"@dev-to/react-loader","version":"0.1.0","_id":"@dev-to/react-loader@0.1.0","maintainers":[{"name":"yangyongan.com","email":"i@yangyongan.com"}],"homepage":"https://github.com/YangYongAn/dev-to#readme","bugs":{"url":"https://github.com/YangYongAn/dev-to/issues"},"dist":{"shasum":"e73860f1aa2fec300884d3ca608ee1d9d257efda","tarball":"https://registry.npmjs.org/@dev-to/react-loader/-/react-loader-0.1.0.tgz","fileCount":7,"integrity":"sha512-C1uu1KcjwVVEBXK2XfMRgPNKWbUWBAXJXgoNraeEQRGktpkVjI9rMkzS0+pRUHfdRZNwYZ/5mWSMJmk1QAfyUw==","signatures":[{"sig":"MEUCIEjeOHaOCXi20DqKtahhe00eaMgtNvrnm7WEgKT+rm43AiEAm8ctHgCke8IRp9+TfIrOJspO1bZcxR/cucD+7kae2eM=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":47438},"main":"./dist/index.js","type":"module","_from":"file:dev-to-react-loader-0.1.0.tgz","types":"./dist/index.d.ts","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.js"}},"private":false,"scripts":{"dev":"rslib build --watch","lint":"pnpm -w lint","test":"echo 'test @dev-to/react-loader'","build":"rslib build"},"_npmUser":{"name":"yangyongan.com","email":"i@yangyongan.com"},"_resolved":"/tmp/d53be101ed59a61717b4146dc2183eec/dev-to-react-loader-0.1.0.tgz","_integrity":"sha512-C1uu1KcjwVVEBXK2XfMRgPNKWbUWBAXJXgoNraeEQRGktpkVjI9rMkzS0+pRUHfdRZNwYZ/5mWSMJmk1QAfyUw==","repository":{"url":"git+https://github.com/YangYongAn/dev-to.git","type":"git","directory":"packages/react-loader"},"_npmVersion":"10.8.2","description":"在宿主页面中动态加载 **Vite Dev Server** 上的 React 组件，并保持 React Fast Refresh/HMR 能力。","directories":{},"_nodeVersion":"20.19.6","dependencies":{"@dev-to/react-shared":"0.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"peerDependencies":{"react":">=18.0.0","react-dom":">=18.0.0","typescript":">=5.0.0"},"_npmOperationalInternal":{"tmp":"tmp/react-loader_0.1.0_1767668971109_0.6602472220480531","host":"s3://npm-registry-packages-npm-production"}},"0.2.0":{"name":"@dev-to/react-loader","version":"0.2.0","_id":"@dev-to/react-loader@0.2.0","maintainers":[{"name":"yangyongan.com","email":"i@yangyongan.com"}],"homepage":"https://github.com/YangYongAn/dev-to#readme","bugs":{"url":"https://github.com/YangYongAn/dev-to/issues"},"dist":{"shasum":"3b81b7887b800e0d0cb5c3d7ed11fba7dae546b0","tarball":"https://registry.npmjs.org/@dev-to/react-loader/-/react-loader-0.2.0.tgz","fileCount":9,"integrity":"sha512-oRPOhANPfh6IfSAMhKkcjNDORTw+uOrRkWXKv68ZD9G7PcOotE+YNDJvumKdajs91fF3rBmuaCjEVUJqlfHoJw==","signatures":[{"sig":"MEYCIQC67dYU74VkNpI6W64Di4Ozx09cBVUqPLMfdSiVXjBsUQIhAKoo+/UM5tBhTFALKQZxFlUW2DKs1OdF5scOYatFfeIi","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":103421},"main":"./dist/index.js","type":"module","_from":"file:dev-to-react-loader-0.2.0.tgz","types":"./dist/index.d.ts","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.js"},"./umd":"./dist/index.umd.js"},"private":false,"scripts":{"dev":"rslib build --watch","lint":"pnpm -w lint","test":"echo 'test @dev-to/react-loader'","build":"rslib build"},"_npmUser":{"name":"yangyongan.com","email":"i@yangyongan.com"},"_resolved":"/tmp/6844a93b58f8894d56f70ab393910de7/dev-to-react-loader-0.2.0.tgz","_integrity":"sha512-oRPOhANPfh6IfSAMhKkcjNDORTw+uOrRkWXKv68ZD9G7PcOotE+YNDJvumKdajs91fF3rBmuaCjEVUJqlfHoJw==","repository":{"url":"git+https://github.com/YangYongAn/dev-to.git","type":"git","directory":"packages/react-loader"},"_npmVersion":"10.8.2","description":"在宿主页面中动态加载 **Vite Dev Server** 上的 React 组件，并保持 React Fast Refresh/HMR 能力。","directories":{},"_nodeVersion":"20.19.6","dependencies":{"@dev-to/react-shared":"0.1.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"peerDependencies":{"react":">=18.0.0","react-dom":">=18.0.0","typescript":">=5.0.0"},"_npmOperationalInternal":{"tmp":"tmp/react-loader_0.2.0_1767864302645_0.4725121051080665","host":"s3://npm-registry-packages-npm-production"}},"0.3.0":{"name":"@dev-to/react-loader","version":"0.3.0","_id":"@dev-to/react-loader@0.3.0","maintainers":[{"name":"yangyongan.com","email":"i@yangyongan.com"}],"homepage":"https://github.com/YangYongAn/dev-to#readme","bugs":{"url":"https://github.com/YangYongAn/dev-to/issues"},"dist":{"shasum":"5a88acfee2eb2c4c335deab3370cc66340cc6555","tarball":"https://registry.npmjs.org/@dev-to/react-loader/-/react-loader-0.3.0.tgz","fileCount":8,"integrity":"sha512-ljNP+Lgx/9ln3S8aqy6DcLbsK51T6PL7fQg/wb5G1xwxhNete7YRZkJJ06ty1Cl8cqDE+eeP6UoFNoZ9UmDMiA==","signatures":[{"sig":"MEUCIBRsUmaP3jO8khgaM6ipMDcnTbGh/4KSGtZOOowrLZn4AiEA9ChuSKqPVzc5bsGLcB2Sua9o8AdNZRb8NMbNKDY22ko=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":87875},"main":"./dist/index.js","type":"module","_from":"file:dev-to-react-loader-0.3.0.tgz","types":"./dist/index.d.ts","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.js"},"./umd":"./dist/index.umd.js"},"private":false,"scripts":{"dev":"rslib build --watch","lint":"pnpm -w lint","test":"echo 'test @dev-to/react-loader'","build":"rslib build"},"_npmUser":{"name":"yangyongan.com","email":"i@yangyongan.com"},"_resolved":"/tmp/aaa1c0f51206285afa48fb264a0957ef/dev-to-react-loader-0.3.0.tgz","_integrity":"sha512-ljNP+Lgx/9ln3S8aqy6DcLbsK51T6PL7fQg/wb5G1xwxhNete7YRZkJJ06ty1Cl8cqDE+eeP6UoFNoZ9UmDMiA==","repository":{"url":"git+https://github.com/YangYongAn/dev-to.git","type":"git","directory":"packages/react-loader"},"_npmVersion":"10.8.2","description":"在宿主页面中动态加载 **Vite Dev Server** 上的 React 组件，并保持 React Fast Refresh/HMR 能力。","directories":{},"_nodeVersion":"20.19.6","dependencies":{"@dev-to/react-shared":"0.1.2"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"peerDependencies":{"react":">=18.0.0","react-dom":">=18.0.0","typescript":">=5.0.0"},"_npmOperationalInternal":{"tmp":"tmp/react-loader_0.3.0_1767866098922_0.6133686626056605","host":"s3://npm-registry-packages-npm-production"}},"1.0.0":{"name":"@dev-to/react-loader","version":"1.0.0","_id":"@dev-to/react-loader@1.0.0","maintainers":[{"name":"yangyongan.com","email":"i@yangyongan.com"}],"homepage":"https://github.com/YangYongAn/dev-to#readme","bugs":{"url":"https://github.com/YangYongAn/dev-to/issues"},"dist":{"shasum":"a0a098cef22769b532a3f77d77fd3d6130311d65","tarball":"https://registry.npmjs.org/@dev-to/react-loader/-/react-loader-1.0.0.tgz","fileCount":8,"integrity":"sha512-gZZpKRY9euuqDS6pRpQvKDZt0g2NQatnY01oAxxTqceB7SAlyDLQZj2KydTVhopUvwE2CHTkVR7hVToHJmrG2w==","signatures":[{"sig":"MEUCIQDzwVn+UofJ84X7+5YQQ/Y91EDo3Am3AQK9eE5ufObN+wIgfB/YgB8V20N+nlv5TFC7QmQSwy+F3lPbF9xhM4+eNqU=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":91945},"main":"./dist/index.js","type":"module","_from":"file:dev-to-react-loader-1.0.0.tgz","types":"./dist/index.d.ts","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.js"},"./umd":"./dist/index.umd.js"},"private":false,"scripts":{"dev":"rslib build --watch","lint":"pnpm -w lint","test":"echo 'test @dev-to/react-loader'","build":"rslib build"},"_npmUser":{"name":"yangyongan.com","email":"i@yangyongan.com"},"_resolved":"/tmp/b9409c09149e7404f6bd3f1848259dda/dev-to-react-loader-1.0.0.tgz","_integrity":"sha512-gZZpKRY9euuqDS6pRpQvKDZt0g2NQatnY01oAxxTqceB7SAlyDLQZj2KydTVhopUvwE2CHTkVR7hVToHJmrG2w==","repository":{"url":"git+https://github.com/YangYongAn/dev-to.git","type":"git","directory":"packages/react-loader"},"_npmVersion":"10.8.2","description":"在宿主页面中动态加载 **Vite Dev Server** 上的 React 组件，并保持 React Fast Refresh/HMR 能力。","directories":{},"_nodeVersion":"20.19.6","dependencies":{"@dev-to/react-shared":"1.0.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"peerDependencies":{"react":">=18.0.0","react-dom":">=18.0.0","typescript":">=5.0.0"},"_npmOperationalInternal":{"tmp":"tmp/react-loader_1.0.0_1767944598891_0.030873788362275834","host":"s3://npm-registry-packages-npm-production"}},"1.0.1":{"name":"@dev-to/react-loader","version":"1.0.1","_id":"@dev-to/react-loader@1.0.1","maintainers":[{"name":"yangyongan.com","email":"i@yangyongan.com"}],"homepage":"https://github.com/YangYongAn/dev-to#readme","bugs":{"url":"https://github.com/YangYongAn/dev-to/issues"},"dist":{"shasum":"ba71009204439aa2e1e9f21dfc4349726bd04123","tarball":"https://registry.npmjs.org/@dev-to/react-loader/-/react-loader-1.0.1.tgz","fileCount":8,"integrity":"sha512-d3M6gvxIyQYnAs1cHIuLDiA3F8Fma8jI3pfywu0Zpcvk+E8pEG4DOC26xCjUZQZebj7tid3lFRejiMo7OAOvcA==","signatures":[{"sig":"MEYCIQCB0gkkydzkCGrX7gifFUHbX5lBGdnj9ehLIbSk8LU2mwIhANxkjIYgKC3yTD18CSlhcNsXzaWQsCXDrh+A3W5cirrn","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":91945},"main":"./dist/index.js","type":"module","_from":"file:dev-to-react-loader-1.0.1.tgz","types":"./dist/index.d.ts","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.js"},"./umd":"./dist/index.umd.js"},"private":false,"scripts":{"dev":"rslib build --watch","lint":"pnpm -w lint","test":"echo 'test @dev-to/react-loader'","build":"rslib build"},"_npmUser":{"name":"yangyongan.com","email":"i@yangyongan.com"},"_resolved":"/tmp/aa6f91c486cd946f1d3be349358e6046/dev-to-react-loader-1.0.1.tgz","_integrity":"sha512-d3M6gvxIyQYnAs1cHIuLDiA3F8Fma8jI3pfywu0Zpcvk+E8pEG4DOC26xCjUZQZebj7tid3lFRejiMo7OAOvcA==","repository":{"url":"git+https://github.com/YangYongAn/dev-to.git","type":"git","directory":"packages/react-loader"},"_npmVersion":"10.8.2","description":"在宿主页面中动态加载 **Vite Dev Server** 上的 React 组件，并保持 React Fast Refresh/HMR 能力。","directories":{},"_nodeVersion":"20.19.6","dependencies":{"@dev-to/react-shared":"1.0.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"peerDependencies":{"react":">=18.0.0","react-dom":">=18.0.0","typescript":">=5.0.0"},"_npmOperationalInternal":{"tmp":"tmp/react-loader_1.0.1_1768546609898_0.9538204418453846","host":"s3://npm-registry-packages-npm-production"}},"1.0.4":{"name":"@dev-to/react-loader","version":"1.0.4","_id":"@dev-to/react-loader@1.0.4","maintainers":[{"name":"yangyongan.com","email":"i@yangyongan.com"}],"homepage":"https://github.com/YangYongAn/dev-to#readme","bugs":{"url":"https://github.com/YangYongAn/dev-to/issues"},"dist":{"shasum":"30a23349f016cab69dc9064e229944f6df5f96c9","tarball":"https://registry.npmjs.org/@dev-to/react-loader/-/react-loader-1.0.4.tgz","fileCount":8,"integrity":"sha512-OPilROwfOwhN3Qd+utCDZJqXQ9S1s9477GYLe49rPcbIJubUnCYza1GAtSrUvMmRNdktQJqEPGXZhlbKs6KrJA==","signatures":[{"sig":"MEQCIHzw+p/kMvLzZckKz1LlEp2sgY4fX7dMNGaLgx/aG50+AiAWk76GaWPQYmLBPAjDFJ2VLzr2XtbUoZysTI2LMtNOSw==","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":91921},"main":"./dist/index.js","type":"module","_from":"file:dev-to-react-loader-1.0.4.tgz","types":"./dist/index.d.ts","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.js"},"./umd":"./dist/index.umd.js"},"private":false,"scripts":{"dev":"rslib build --watch","lint":"pnpm -w lint","test":"echo 'test @dev-to/react-loader'","build":"rslib build"},"_npmUser":{"name":"yangyongan.com","email":"i@yangyongan.com"},"_resolved":"/tmp/89f79e3507ad585a8174c35a3e936b4d/dev-to-react-loader-1.0.4.tgz","_integrity":"sha512-OPilROwfOwhN3Qd+utCDZJqXQ9S1s9477GYLe49rPcbIJubUnCYza1GAtSrUvMmRNdktQJqEPGXZhlbKs6KrJA==","repository":{"url":"git+https://github.com/YangYongAn/dev-to.git","type":"git","directory":"packages/react-loader"},"_npmVersion":"10.8.2","description":"在宿主页面中动态加载 **Vite Dev Server** 上的 React 组件，并保持 React Fast Refresh/HMR 能力。","directories":{},"_nodeVersion":"20.19.6","dependencies":{"@dev-to/shared":"1.0.4"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"peerDependencies":{"react":">=18.0.0","react-dom":">=18.0.0","typescript":">=5.0.0"},"_npmOperationalInternal":{"tmp":"tmp/react-loader_1.0.4_1768978860100_0.7798331666179235","host":"s3://npm-registry-packages-npm-production"}},"1.0.5":{"name":"@dev-to/react-loader","version":"1.0.5","_id":"@dev-to/react-loader@1.0.5","maintainers":[{"name":"yangyongan.com","email":"i@yangyongan.com"}],"homepage":"https://github.com/YangYongAn/dev-to#readme","bugs":{"url":"https://github.com/YangYongAn/dev-to/issues"},"dist":{"shasum":"865e03f24cc1ceb9bed3e7d23fcb4768116dad00","tarball":"https://registry.npmjs.org/@dev-to/react-loader/-/react-loader-1.0.5.tgz","fileCount":8,"integrity":"sha512-k4VXpvYXplELPPjQbqvZGQhw1ndsOqvrQxhbIW2qlLF86RPCKYxcUNTiE1ThUvyhfTfS/0Hra3wQ+tTZyx9/hg==","signatures":[{"sig":"MEUCIQCSIjssaToxJLvGns7D1d+06jsfvNTwkB4aVIHX0e8GfwIgU6uoTNr57WxNBzSQjeqSPcxWU2wgTYD6a3GU8hIo6/Y=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":91921},"main":"./dist/index.js","type":"module","_from":"file:dev-to-react-loader-1.0.5.tgz","types":"./dist/index.d.ts","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.js"},"./umd":"./dist/index.umd.js"},"private":false,"scripts":{"dev":"rslib build --watch","lint":"pnpm -w lint","test":"echo 'test @dev-to/react-loader'","build":"rslib build"},"_npmUser":{"name":"yangyongan.com","email":"i@yangyongan.com"},"_resolved":"/tmp/20866869695938f647cb93c89cd2cefe/dev-to-react-loader-1.0.5.tgz","_integrity":"sha512-k4VXpvYXplELPPjQbqvZGQhw1ndsOqvrQxhbIW2qlLF86RPCKYxcUNTiE1ThUvyhfTfS/0Hra3wQ+tTZyx9/hg==","repository":{"url":"git+https://github.com/YangYongAn/dev-to.git","type":"git","directory":"packages/react-loader"},"_npmVersion":"10.8.2","description":"在宿主页面中动态加载 **Vite Dev Server** 上的 React 组件，并保持 React Fast Refresh/HMR 能力。","directories":{},"_nodeVersion":"20.19.6","dependencies":{"@dev-to/shared":"1.0.5"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"peerDependencies":{"react":">=18.0.0","react-dom":">=18.0.0","typescript":">=5.0.0"},"_npmOperationalInternal":{"tmp":"tmp/react-loader_1.0.5_1768979131904_0.05467672522194289","host":"s3://npm-registry-packages-npm-production"}},"1.0.6":{"name":"@dev-to/react-loader","version":"1.0.6","private":false,"type":"module","main":"./dist/index.js","types":"./dist/index.d.ts","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.js"},"./umd":"./dist/index.umd.js"},"peerDependencies":{"react":">=18.0.0","react-dom":">=18.0.0","typescript":">=5.0.0"},"repository":{"type":"git","url":"git+https://github.com/YangYongAn/dev-to.git","directory":"packages/react-loader"},"publishConfig":{"access":"public"},"dependencies":{"@dev-to/shared":"1.1.0"},"scripts":{"build":"rslib build","dev":"rslib build --watch","lint":"pnpm -w lint","test":"echo 'test @dev-to/react-loader'"},"_id":"@dev-to/react-loader@1.0.6","description":"在宿主页面中动态加载 **Vite Dev Server** 上的 React 组件，并保持 React Fast Refresh/HMR 能力。","bugs":{"url":"https://github.com/YangYongAn/dev-to/issues"},"homepage":"https://github.com/YangYongAn/dev-to#readme","_integrity":"sha512-ILbjxmNwLn2JeL/cLvdsXS2uZoPlgF32SrvmCy5dgNSc4yt6o3KcNrlil/0H+vV140aZgBHSeHyJuXcybbC16g==","_resolved":"/tmp/e51d1858b22f5928b84dd6c36dd40e17/dev-to-react-loader-1.0.6.tgz","_from":"file:dev-to-react-loader-1.0.6.tgz","_nodeVersion":"20.19.6","_npmVersion":"10.8.2","dist":{"integrity":"sha512-ILbjxmNwLn2JeL/cLvdsXS2uZoPlgF32SrvmCy5dgNSc4yt6o3KcNrlil/0H+vV140aZgBHSeHyJuXcybbC16g==","shasum":"ea4c13a533e8897a40cdb7d916150c2b5dd7782d","tarball":"https://registry.npmjs.org/@dev-to/react-loader/-/react-loader-1.0.6.tgz","fileCount":8,"unpackedSize":91921,"signatures":[{"keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U","sig":"MEUCIQD2sFDf9Dd3gjsJF15eIN4URG4zepVV9iBDH/JK2z+S/wIgPCUW4T9vukPx3dbssyFktIBHkTkRxxoyt0NKd6kToeU="}]},"_npmUser":{"name":"yangyongan.com","email":"i@yangyongan.com"},"directories":{},"maintainers":[{"name":"yangyongan.com","email":"i@yangyongan.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages-npm-production","tmp":"tmp/react-loader_1.0.6_1768981764399_0.6628632600023829"},"_hasShrinkwrap":false}},"time":{"created":"2026-01-06T03:09:31.038Z","modified":"2026-01-21T07:49:24.685Z","0.1.0":"2026-01-06T03:09:31.253Z","0.2.0":"2026-01-08T09:25:02.782Z","0.3.0":"2026-01-08T09:54:59.061Z","1.0.0":"2026-01-09T07:43:19.030Z","1.0.1":"2026-01-16T06:56:50.050Z","1.0.4":"2026-01-21T07:01:00.259Z","1.0.5":"2026-01-21T07:05:32.054Z","1.0.6":"2026-01-21T07:49:24.548Z"},"bugs":{"url":"https://github.com/YangYongAn/dev-to/issues"},"homepage":"https://github.com/YangYongAn/dev-to#readme","repository":{"type":"git","url":"git+https://github.com/YangYongAn/dev-to.git","directory":"packages/react-loader"},"description":"在宿主页面中动态加载 **Vite Dev Server** 上的 React 组件，并保持 React Fast Refresh/HMR 能力。","maintainers":[{"name":"yangyongan.com","email":"i@yangyongan.com"}],"readme":"# @dev-to/react-loader\n\n在宿主页面中动态加载 **Vite Dev Server** 上的 React 组件，并保持 React Fast Refresh/HMR 能力。\n\n该包默认与 `@dev-to/react-plugin`（Vite 侧）配套使用。\n\n## 安装\n\n```bash\npnpm add @dev-to/react-loader\n```\n\n## 前置条件（Vite 侧）\n\n确保你的 Vite 项目启用了 `@dev-to/react-plugin`：\n\n```ts\nimport { devToReactPlugin } from '@dev-to/react-plugin'\n\ndevToReactPlugin({ MyCard: 'src/MyCard.tsx' })\n```\n\n## 使用\n\n```tsx\nimport { ReactLoader } from '@dev-to/react-loader'\n\nexport function Demo() {\n  return (\n    <ReactLoader\n      origin=\"http://localhost:5173\"\n      name=\"MyCard\"\n      componentProps={{ title: 'Hello' }}\n    />\n  )\n}\n```\n\n### 直接 URL 模式\n\n如果你已经拿到完整入口 URL，也可以绕过内部解析：\n\n```tsx\n<ReactLoader url=\"http://localhost:5173/@fs/abs/path/to/MyCard.tsx\" componentProps={{}} />\n```\n\n## 默认桥接端点\n\n### v2.0+ 统一发现端点（推荐）\n- **Discovery**: `/__dev_to__/discovery.json` - 统一发现端点，包含所有配置信息\n\n### React 专用端点（兼容）\n- **Contract**: `/__dev_to__/react/contract.js` - 桥接合约\n- **Init**: `/__dev_to__/react/init.js` - 初始化脚本\n\n这些端点常量由 `@dev-to/shared` 统一定义，保证与 `@dev-to/react-plugin` 保持一致。\n\n可通过 `contractEndpoint` 自定义 contract 路径；init 路径由 contract 返回值决定（未提供时回退到默认值）。\n\n### 新增功能（v2.0+）\n\n使用新的发现端点 API：\n\n```tsx\nimport { loadDiscoveryContract } from '@dev-to/react-loader'\n\n// 加载统一发现合约\nconst discovery = await loadDiscoveryContract('http://localhost:5173')\n\nconsole.log(discovery.framework.type)    // 'react'\nconsole.log(discovery.framework.version) // '18.2.0'\nconsole.log(discovery.server.origins)     // 所有可用的 origin\nconsole.log(discovery.components)         // 组件映射\n```\n\n## 导出内容\n\n### React 组件\n- `ReactLoader` - 主加载器组件\n\n### 底层能力\n- `loadDiscoveryContract` - (新) 加载统一发现合约\n- `loadBridgeContract` - 加载桥接合约（兼容旧版）\n- `ensureBridgeInit` - 确保 HMR 运行时初始化\n- `resolveReactEntry` - 解析组件入口 URL\n- `resolveReactEntryForLoader` - 带错误处理的入口解析\n\n### 常量\n- `DEFAULT_DISCOVERY_ENDPOINT` - (新) 默认发现端点\n- `DEFAULT_CONTRACT_ENDPOINT` - 默认合约端点\n- `DEFAULT_INIT_ENDPOINT` - 默认初始化端点\n","readmeFilename":"README.md"}