{"id":535393,"date":"2021-09-05T16:38:59","date_gmt":"2021-09-05T08:38:59","guid":{"rendered":"http:\/\/4563.org\/?p=535393"},"modified":"2021-09-05T16:38:59","modified_gmt":"2021-09-05T08:38:59","slug":"react-%e7%94%9f%e6%80%81%e9%87%8c%e7%9a%84-umi-js%ef%bc%8c%e5%be%88%e5%a5%bd%e7%94%a8%e5%90%97%ef%bc%9f","status":"publish","type":"post","link":"http:\/\/4563.org\/?p=535393","title":{"rendered":"React \u751f\u6001\u91cc\u7684 umi.js\uff0c\u5f88\u597d\u7528\u5417\uff1f"},"content":{"rendered":"<div>\n<div>\n<div>\n<h1> React \u751f\u6001\u91cc\u7684 umi.js\uff0c\u5f88\u597d\u7528\u5417\uff1f <\/h1>\n<p> <\/p>\n<div>\n<div> <span>\u8cc7\u6df1\u5927\u4f6c : IvanLi127 <\/span>  <span><i><\/i> 10<\/span> <\/div>\n<div> <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div isfirst=\"1\"> <\/p>\n<p>\u516c\u53f8\u76ee\u524d\u6709\u51e0\u4e2a\u9879\u76ee\u7528\u5230\u8fd9\u4e2a\uff0c\u90fd\u662f umi.js + antd\uff0c\u6211\u5bf9 umi \u4e5f\u4e0d\u592a\u719f\u6089\u3002 \u73b0\u5728\u6211\u8981\u4e3a\u65b0\u9879\u76ee\u642d\u5efa\u4e00\u4e2a\u540e\u53f0\uff0c\u4f46\u662f\u6211\u4e0d\u592a\u559c\u6b22 umi\uff0c\u611f\u89c9\u5bf9\u4e8e\u8fd9\u4e2a\u9879\u76ee\u6765\u8bf4\u6709\u70b9\u590d\u6742\uff0c\u800c\u4e14\u60f3\u5c3d\u91cf\u7528 Context \u6765\u5171\u4eab\u6570\u636e\u3002<\/p>\n<ol>\n<li>\u5bf9\u4e8e\u4e00\u4e2a\u6bd4\u8f83\u5c0f\u578b\u7684\u540e\u53f0\uff0c\u6709\u5fc5\u8981\u4f7f\u7528 umi \u5417\uff1f<\/li>\n<li>\u6709\u4ec0\u4e48\u6bd4\u8f83\u597d\u7528\u7684\u8def\u7531\u5e93\u63a8\u8350\u561b\uff1f<\/li>\n<\/ol><\/div>\n<div> <b>\u5927\u4f6c\u6709\u8a71\u8aaa<\/b> (<span>35<\/span>) <\/div>\n<div> <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<ul>\n<li data-pid=\"6704578\" data-uid=\"2\">\n<div>\n<div>\n<div> <span>\u8cc7\u6df1\u5927\u4f6c : xingguang <\/span>  <\/div>\n<div> <i title=\"\u5f15\u7528\"><\/i>  <span>  <\/span> <\/div>\n<\/p><\/div>\n<div> \u5c0f\u578b\u7684\u540e\u53f0\u5176\u5b9e\u6ca1\u5fc5\u8981\uff0c\u81ea\u5efa\u8def\u7531\u4e5f\u4e0d\u662f\u5f88\u8d39\u4e8b\uff0cumi \u4e3b\u8981\u662f\u4e60\u60ef\u4e4b\u540e\u51fa\u6d3b\u6bd4\u8f83\u5feb\uff0c\u7f3a\u70b9\u662f\u66f4\u65b0\u6362\u4ee3\u8fd8\u633a\u5feb\u7684\uff0c\u6709\u65f6\u5019\u8001\u70b9\u7684\u4e1c\u897f\u5c31\u4e0d\u652f\u6301\u4e86 <\/div>\n<\/p><\/div>\n<\/li>\n<li data-pid=\"6704579\" data-uid=\"2\">\n<div>\n<div>\n<div> <span>\u8cc7\u6df1\u5927\u4f6c : noe132 <\/span>  <\/div>\n<div> <i title=\"\u5f15\u7528\"><\/i>  <span>  <\/span> <\/div>\n<\/p><\/div>\n<div> \u6211\u4e4b\u524d\u628a\u9879\u76ee\u7684 umi \u5e72\u6389\u4e86\uff0c\u6240\u6709\u4e1c\u897f\u76f4\u63a5\u7528 webpack \u3002<br \/>\u8def\u7531\u76f4\u63a5\u81ea\u5df1\u904d\u5386\u76ee\u5f55\u52a8\u6001\u751f\u6210\u4ee3\u7801\u3002<br \/>umijs \u7684\u6587\u6863\u592a\u4e0d\u4e13\u4e1a\u4e86\uff0c\u5c31\u8ddf\u90a3\u79cd\u7b14\u8bb0\u6280\u672f\u535a\u5ba2\u4e00\u4e2a\u6c34\u5e73\u3002\u800c\u4e14\u5f88\u591a\u65f6\u5019\u4f60\u5149\u770b umi \u6587\u6863\u8fd8\u4e0d\u591f\uff0c\u4f60\u8fd8\u5f97\u770b\u4ed6\u5c01\u88c5\u7684\u4e1c\u897f\u7684\u6587\u6863\u3002\u5230\u5934\u6765\u8fd8\u4e0d\u5982\u81ea\u5df1\u642d\u5efa\u6765\u7684\u65b9\u4fbf <\/div>\n<\/p><\/div>\n<\/li>\n<li data-pid=\"6704580\" data-uid=\"2\">\n<div>\n<div>\n<div> <span>\u4e3b<\/span> <span>\u8cc7\u6df1\u5927\u4f6c : IvanLi127 <\/span>  <\/div>\n<div> <i title=\"\u5f15\u7528\"><\/i>  <span>  <\/span> <\/div>\n<\/p><\/div>\n<div> @noe132 \u6211\u4e5f\u89c9\u5f97\u6587\u6863\u6709\u4e00\u4e9b\u968f\u610f\uff0c\u800c\u4e14\u8fd9\u79cd\u597d\u50cf\u662f\u96c6\u5927\u6210\u7684\u6846\u67b6\u6211\u6709\u70b9\u4e0d\u6562\u7528\u3002 <br \/>\u6211\u5bf9\u76f4\u63a5\u904d\u5386\u76ee\u5f55\u751f\u6210\u8def\u7531\u6bd4\u8f83\u611f\u5174\u8da3\uff0c\u4e0d\u8fc7\u6ca1\u627e\u5230\u76f8\u5173\u7684\u8f6e\u5b50\uff0c\u5927\u4f6c\u4f60\u8fd9\u751f\u6210\u662f\u5728 babel \u91cc\u5b9e\u73b0\u7684\uff0c\u8fd8\u662f webpack \uff1f\u6211\u89c9\u5f97\u8fd9\u79cd\u65b9\u6848\u6bd4\u8f83\u8212\u670d\uff0c\u6211\u90fd\u5dee\u70b9\u60f3\u4e0a next.js \u4e86 <\/div>\n<\/p><\/div>\n<\/li>\n<li data-pid=\"6704581\" data-uid=\"2\">\n<div>\n<div>\n<div> <span>\u8cc7\u6df1\u5927\u4f6c : jworg <\/span>  <\/div>\n<div> <i title=\"\u5f15\u7528\"><\/i>  <span>  <\/span> <\/div>\n<\/p><\/div>\n<div> umi2 \u548c umi3\uff0c\u600e\u4e48\u8bf4\u5462\uff0c\u73b0\u5728\u7f51\u4e0a\u8fd8\u6709\u5f88\u591a\u6559\u7a0b\u662f 2 \u7684\uff0c\u62ff\u6765\u5165\u95e8\u7684\u8868\u793a\u88ab\u5751\u7684\u4e0d\u8981\u4e0d\u8981\u7684\uff0c\u8fd8\u662f vite \u7b80\u6d01\u6e05\u695a\u3002 <\/div>\n<\/p><\/div>\n<\/li>\n<li data-pid=\"6704582\" data-uid=\"2\">\n<div>\n<div>\n<div> <span>\u4e3b<\/span> <span>\u8cc7\u6df1\u5927\u4f6c : IvanLi127 <\/span>  <\/div>\n<div> <i title=\"\u5f15\u7528\"><\/i>  <span>  <\/span> <\/div>\n<\/p><\/div>\n<div> @jworg \u6211\u53d1\u73b0\u6709\u4e0d\u5c11\u4eba\u62ff vite \u548c umi \u5bf9\u6bd4\uff0c\u6211\u611f\u89c9\u5728\u529f\u80fd\u4e0a umi \u2248 vite + \u5e94\u7528\u6846\u67b6\u7684\u6837\u5b50\uff1f<br \/>vite \u611f\u89c9\u4e0d\u9519\uff0c\u4e0d\u8fc7\u4e4b\u524d\u6ca1\u7528\u8fc7\uff0c\u8fd9\u6b21\u4e0d\u6562\u5728\u516c\u53f8\u9879\u76ee\u4e0a\u7528\u3002vite \u4f1a\u6709\u4ec0\u4e48\u5751\u5417\uff1f <\/div>\n<\/p><\/div>\n<\/li>\n<li data-pid=\"6704583\" data-uid=\"2\">\n<div>\n<div>\n<div> <span>\u8cc7\u6df1\u5927\u4f6c : basefas <\/span>  <\/div>\n<div> <i title=\"\u5f15\u7528\"><\/i>  <span>  <\/span> <\/div>\n<\/p><\/div>\n<div> \u540c\u4e0d\u559c\u6b22 umi\uff0c\u8fde antd pro \u90fd\u4e0d\u7528\uff0c\u76f4\u63a5 cra+antd \u7684 prolayout\uff0c\u5269\u4e0b\u7684\u81ea\u5df1\u64b8<br \/>\u53d1\u4e0b\u81ea\u5df1\u5199\u7684<br \/>https:\/\/github.com\/basefas\/react-antd-admin <\/div>\n<\/p><\/div>\n<\/li>\n<li data-pid=\"6704584\" data-uid=\"2\">\n<div>\n<div>\n<div> <span>\u8cc7\u6df1\u5927\u4f6c : forsigner <\/span>  <\/div>\n<div> <i title=\"\u5f15\u7528\"><\/i>  <span>  <\/span> <\/div>\n<\/p><\/div>\n<div> \u66fe\u7ecf\u7528\u4e86\u597d\u957f\u4e00\u6bb5\u65f6\u95f4 umi\uff0c\u540e\u9762\u6362\u5230 Next.js \u4e86 <\/div>\n<\/p><\/div>\n<\/li>\n<li data-pid=\"6704585\" data-uid=\"2\">\n<div>\n<div>\n<div> <span>\u8cc7\u6df1\u5927\u4f6c : Cbdy <\/span>  <\/div>\n<div> <i title=\"\u5f15\u7528\"><\/i>  <span>  <\/span> <\/div>\n<\/p><\/div>\n<div> \u4e0d\u5efa\u8bae\u7528\uff0c\u53e6\u5916\u8fd9\u662f\u963f\u91cc\u51fa\u54c1 <\/div>\n<\/p><\/div>\n<\/li>\n<li data-pid=\"6704586\" data-uid=\"2\">\n<div>\n<div>\n<div> <span>\u4e3b<\/span> <span>\u8cc7\u6df1\u5927\u4f6c : IvanLi127 <\/span>  <\/div>\n<div> <i title=\"\u5f15\u7528\"><\/i>  <span>  <\/span> <\/div>\n<\/p><\/div>\n<div> @basefas \u52a0\u4e2a\u661f\u661f\u56de\u53bb\u770b\u770b <\/div>\n<\/p><\/div>\n<\/li>\n<li data-pid=\"6704587\" data-uid=\"2\">\n<div>\n<div>\n<div> <span>\u8cc7\u6df1\u5927\u4f6c : vision1900 <\/span>  <\/div>\n<div> <i title=\"\u5f15\u7528\"><\/i>  <span>  <\/span> <\/div>\n<\/p><\/div>\n<div> \u73cd\u7231\u751f\u547d\uff0c\u8fdc\u79bb Umi \u548c Antd <\/div>\n<\/p><\/div>\n<\/li>\n<li data-pid=\"6704588\" data-uid=\"2\">\n<div>\n<div>\n<div> <span>\u4e3b<\/span> <span>\u8cc7\u6df1\u5927\u4f6c : IvanLi127 <\/span>  <\/div>\n<div> <i title=\"\u5f15\u7528\"><\/i>  <span>  <\/span> <\/div>\n<\/p><\/div>\n<div> @Cbdy \u6211\u5f53\u65f6\u770b\u5230\u6709\u963f\u91cc\u7684\u5f71\u5b50\u5c31\u5f88\u614c\u3002<br \/>\u6211\u89c9\u5f97\u8fd9\u65b9\u9762\uff0c\u963f\u91cc\u5bb6\u7684\u5c31 antd \u80fd\u7528\u4e86\uff0c\u54c8\u54c8\uff08\u5982\u679c\u4e0d\u53bb\u56de\u5fc6\u6309\u94ae\u88ab\u72d7\u5543\u8fc7\u7684\u90a3\u4ef6\u4e8b\uff09\u3002 <\/div>\n<\/p><\/div>\n<\/li>\n<li data-pid=\"6704589\" data-uid=\"2\">\n<div>\n<div>\n<div> <span>\u8cc7\u6df1\u5927\u4f6c : flybluewolf <\/span>  <\/div>\n<div> <i title=\"\u5f15\u7528\"><\/i>  <span>  <\/span> <\/div>\n<\/p><\/div>\n<div> @vision1900 +1 <\/div>\n<\/p><\/div>\n<\/li>\n<li data-pid=\"6704590\" data-uid=\"2\">\n<div>\n<div>\n<div> <span>\u8cc7\u6df1\u5927\u4f6c : noe132 <\/span>  <\/div>\n<div> <i title=\"\u5f15\u7528\"><\/i>  <span>  <\/span> <\/div>\n<\/p><\/div>\n<div> \u4e0d\u9700\u8981 webpack \u4e5f\u4e0d\u9700\u8981 babel \u3002<br \/>\u76f4\u63a5\u904d\u5386\u76ee\u5f55\uff0c\u751f\u6210\u4e00\u4e2a\u6811\u7ed3\u6784\uff0c\u7136\u540e\u6839\u636e\u6811\u7ed3\u6784\u751f\u6210\u4e00\u4e2a route.ts \u91cc\u9762\u5305\u62ec\u6240\u6709\u7684\u9875\u9762\u7684\u52a8\u6001 import\uff0c\u7136\u540e\u5728 App.tsx \u91cc\u9012\u5f52\u751f\u6210\u5bf9\u5e94\u7684 \u8def\u7531\u5143\u7d20\u3002<br \/>\u6574\u4e2a\u89e3\u6790\u7684\u4ee3\u7801\u4e5f\u5c31 100 \u591a\u884c\u3002\u6700\u540e\u5c31\u662f\u5f00\u53d1\u65f6\u5f00\u4e00\u4e2a watch \u670d\u52a1\uff0c\u68c0\u6d4b\u5230\u6587\u4ef6\u53d8\u5316\u5c31\u91cd\u65b0\u751f\u6210\u4e00\u904d\u5c31\u884c<br \/>https:\/\/pastebin.com\/bALG20WF <\/div>\n<\/p><\/div>\n<\/li>\n<li data-pid=\"6704591\" data-uid=\"2\">\n<div>\n<div>\n<div> <span>\u8cc7\u6df1\u5927\u4f6c : basefas <\/span>  <\/div>\n<div> <i title=\"\u5f15\u7528\"><\/i>  <span>  <\/span> <\/div>\n<\/p><\/div>\n<div> @IvanLi127 \u8fd8\u6709\u914d\u5408\u5199\u7684 Go \u540e\u7aef\u54c8 <\/div>\n<\/p><\/div>\n<\/li>\n<li data-pid=\"6704592\" data-uid=\"2\">\n<div>\n<div>\n<div> <span>\u8cc7\u6df1\u5927\u4f6c : rockjike <\/span>  <\/div>\n<div> <i title=\"\u5f15\u7528\"><\/i>  <span>  <\/span> <\/div>\n<\/p><\/div>\n<div> @noe132 \u76f4\u63a5\u904d\u5386\u76ee\u5f55\uff0c\u751f\u6210\u4e00\u4e2a\u6811\u7ed3\u6784\uff0c\u7136\u540e\u6839\u636e\u6811\u7ed3\u6784\u751f\u6210\u4e00\u4e2a route.ts \u65e0\u6cd5\u652f\u6301\u8def\u7531\u53c2\u6570\u7075\u6d3b\u7684\u573a\u666f, \u4e00\u822c\u90fd\u4ee5\u914d\u7f6e\u5316\u4e3a\u4e3b, \u5c0f\u578b\u9879\u76ee\u8d70\u7ea6\u5b9a\u5f0f\u8def\u7531 <\/div>\n<\/p><\/div>\n<\/li>\n<li data-pid=\"6704593\" data-uid=\"2\">\n<div>\n<div>\n<div> <span>\u8cc7\u6df1\u5927\u4f6c : noe132 <\/span>  <\/div>\n<div> <i title=\"\u5f15\u7528\"><\/i>  <span>  <\/span> <\/div>\n<\/p><\/div>\n<div> @rockjike \u81ea\u5df1\u751f\u6210\u7684\u597d\u5904\u662f\u6709\u5565\u9700\u6c42\u53ef\u4ee5\u76f4\u63a5\u6539\uff0c\u60f3\u8981\u5565\u7ed3\u6784\u90fd\u4e0d\u662f\u95ee\u9898\u3002\u7528\u8fd9\u79cd\u6587\u6863\u5dee\u52b2\u7684\u5e93\uff0c\u6587\u6863\u8fd8\u6ca1\u641e\u6e05\u695a\uff0c\u6211\u81ea\u5df1\u5199\u4ee3\u7801\u65e9\u5c31\u5199\u5b8c\u4e86\u3002 <\/div>\n<\/p><\/div>\n<\/li>\n<li data-pid=\"6704594\" data-uid=\"2\">\n<div>\n<div>\n<div> <span>\u8cc7\u6df1\u5927\u4f6c : x940727 <\/span>  <\/div>\n<div> <i title=\"\u5f15\u7528\"><\/i>  <span>  <\/span> <\/div>\n<\/p><\/div>\n<div> @vision1900 \u8fdc\u79bb Antd \u6ca1\u95ee\u9898\uff0cReact \u8fd8\u6709\u5565\u597d\u7684 UI \u6846\u67b6\u5417\uff1f <\/div>\n<\/p><\/div>\n<\/li>\n<li data-pid=\"6704595\" data-uid=\"2\">\n<div>\n<div>\n<div> <span>\u4e3b<\/span> <span>\u8cc7\u6df1\u5927\u4f6c : IvanLi127 <\/span>  <\/div>\n<div> <i title=\"\u5f15\u7528\"><\/i>  <span>  <\/span> <\/div>\n<\/p><\/div>\n<div> @noe132 \u5230\u65f6\u5019\u6211\u4e5f\u8bd5\u8bd5\uff0c\u4e0d\u8fc7\u53e6\u542f watch \u670d\u52a1\u4f1a\u4e0d\u4f1a\u5bfc\u81f4\u591a\u6784\u5efa\u4e00\u6b21\uff1f  <\/div>\n<\/p><\/div>\n<\/li>\n<li data-pid=\"6704596\" data-uid=\"2\">\n<div>\n<div>\n<div> <span>\u8cc7\u6df1\u5927\u4f6c : jworg <\/span>  <\/div>\n<div> <i title=\"\u5f15\u7528\"><\/i>  <span>  <\/span> <\/div>\n<\/p><\/div>\n<div> @IvanLi127 \u6211\u53ea\u662f\u4e2a\u4eba\u7528\u7528\uff0c\u5199\u5199\u81ea\u5df1\u7684\u7f51\u9875\uff0c\u611f\u89c9\u8fd8\u6ca1\u9047\u5230\u8fc7\u5751\uff0c\u5173\u952e\u8bcd\u90fd\u80fd\u5f88\u5feb\u641c\u5230\u89e3\u51b3\u65b9\u6cd5\uff0c\u53cd\u5012\u662f umi \u603b\u662f\u641c\u7740\u641c\u7740\u53d1\u73b0\u90fd\u662f umi2 \u7684\u914d\u7f6e \/\u89e3\u51b3\u65b9\u5f0f\u3002 <\/div>\n<\/p><\/div>\n<\/li>\n<li data-pid=\"6704597\" data-uid=\"2\">\n<div>\n<div>\n<div> <span>\u8cc7\u6df1\u5927\u4f6c : yikyo <\/span>  <\/div>\n<div> <i title=\"\u5f15\u7528\"><\/i>  <span>  <\/span> <\/div>\n<\/p><\/div>\n<div> \u7ba1\u7406\u540e\u53f0\u4e00\u822c\u4e0d\u9700\u8981\u72b6\u6001\u7ba1\u7406\uff0chooks + antd procomponents \u8db3\u591f\u4e86\uff0c\u5f00\u53d1\u53c8\u5feb\u3002 <\/div>\n<\/p><\/div>\n<\/li>\n<li data-pid=\"6704598\" data-uid=\"2\">\n<div>\n<div>\n<div> <span>\u8cc7\u6df1\u5927\u4f6c : xlsepiphone <\/span>  <\/div>\n<div> <i title=\"\u5f15\u7528\"><\/i>  <span>  <\/span> <\/div>\n<\/p><\/div>\n<div> Vite+TailwindCSS \u4e00\u628a\u68ad,ant design \u592a\u91cd\u4e86,umi \u4e2a\u4eba\u89c9\u5f97\u6587\u6863\u592a\u7b80\u7565\u4e86,\u5c01\u88c5\u8fc7\u5934. <\/div>\n<\/p><\/div>\n<\/li>\n<li data-pid=\"6704599\" data-uid=\"2\">\n<div>\n<div>\n<div> <span>\u8cc7\u6df1\u5927\u4f6c : Cbdy <\/span>  <\/div>\n<div> <i title=\"\u5f15\u7528\"><\/i>  <span>  <\/span> <\/div>\n<\/p><\/div>\n<div> @x940727 <br \/>https:\/\/github.com\/enaqx\/awesome-react<br \/>https:\/\/github.com\/brillout\/awesome-react-components<br \/>https:\/\/github.com\/styled-components\/awesome-styled-components <\/div>\n<\/p><\/div>\n<\/li>\n<li data-pid=\"6704600\" data-uid=\"2\">\n<div>\n<div>\n<div> <span>\u8cc7\u6df1\u5927\u4f6c : tuomasi <\/span>  <\/div>\n<div> <i title=\"\u5f15\u7528\"><\/i>  <span>  <\/span> <\/div>\n<\/p><\/div>\n<div> \u963f\u91cc\u51fa\u54c1\uff0c\u5fc5\u5c5e&#8221;\u7cbe\u54c1&#8221; <\/div>\n<\/p><\/div>\n<\/li>\n<li data-pid=\"6704601\" data-uid=\"2\">\n<div>\n<div>\n<div> <span>\u8cc7\u6df1\u5927\u4f6c : dream4ever <\/span>  <\/div>\n<div> <i title=\"\u5f15\u7528\"><\/i>  <span>  <\/span> <\/div>\n<\/p><\/div>\n<div> @noe132 \u8fd9\u4ee3\u7801\u770b\u7740 \u771f\u8212\u670d\uff0c\u597d\u8bc4\u3002 <\/div>\n<\/p><\/div>\n<\/li>\n<li data-pid=\"6704602\" data-uid=\"2\">\n<div>\n<div>\n<div> <span>\u8cc7\u6df1\u5927\u4f6c : JerryCha <\/span>  <\/div>\n<div> <i title=\"\u5f15\u7528\"><\/i>  <span>  <\/span> <\/div>\n<\/p><\/div>\n<div> \u5c0f\u5fc3\u963f\u91cc <\/div>\n<\/p><\/div>\n<\/li>\n<li data-pid=\"6704603\" data-uid=\"2\">\n<div>\n<div>\n<div> <span>\u8cc7\u6df1\u5927\u4f6c : Rocketer <\/span>  <\/div>\n<div> <i title=\"\u5f15\u7528\"><\/i>  <span>  <\/span> <\/div>\n<\/p><\/div>\n<div> \u770b\u89c1\u5f88\u591a\u8bf4\u81ea\u5df1\u642d\u7684\uff0c\u6211\u7684\u7ecf\u9a8c\u662f\u81ea\u5df1\u642d\u8fd8\u4e0d\u5982\u7528 umi \u8fd9\u79cd\u7b2c\u4e09\u65b9\u7684\u811a\u624b\u67b6\u5462\uff0c\u81f3\u5c11\u5927\u5bb6\u6709\u4e2a\u7edf\u4e00\u7684\u6587\u6863\u53ef\u4ee5\u770b\u3002<br \/>\u81ea\u5df1\u642d\u7684\u67b6\u5b50\uff0c\u6587\u6863 90%\u6bd4 umi \u8fd8\u5dee\uff0c\u9664\u975e\u8fd9\u9879\u76ee\u5b8c\u5168\u662f\u4f60\u81ea\u5df1\u505a\uff0c\u5426\u5219\u4f1a\u7ed9\u5176\u4ed6\u4eba\u5e26\u6765\u66f4\u75db\u82e6\u7684\u56f0\u6270\u3002<br \/>\u5f53\u7136\u6211\u4e5f\u4e0d\u7528 umi \u4e86\uff0c\u56e0\u4e3a\u963f\u91cc\u7684\u5f00\u6e90\u9879\u76ee\u592a\u4e2a\u4eba\u3002\u4e4b\u524d\u6709\u4e2a\u9879\u76ee\uff0cumi \u5347\u7ea7\u540e\u53d1\u73b0\u6587\u6863\u91cc\u53ea\u6709 yarn \u548c ts\uff0c\u800c\u4e0d\u63d0\u4f9b npm \u548c js \u7684\u8bf4\u660e\u4e86\u3002\u8fd9\u662f\u903c\u7740\u6211\u56e2\u961f\u91cc\u6240\u6709\u4eba\u90fd\u5b66 yarn \u548c ts \u5417\uff1f\u6211\u77e5\u9053\u4ed6\u4e00\u5b9a\u60f3\u8bf4 yarn \u548c ts \u597d\uff0c\u4f46\u8c01\u89c4\u5b9a\u597d\u4e1c\u897f\u4e00\u5b9a\u8981\u5b66\u7684\uff1f\u53c8\u4e0d\u662f\u4e2a\u4eba\u5355\u6253\u72ec\u6597\uff0c\u80fd\u5e26\u7740\u4e00\u7fa4\u65b0\u624b\u51fa\u6d3b\uff0c\u624d\u662f\u56e2\u961f\u7684\u7528\u6cd5\u3002<br \/>\u8fd8\u662f\u5c3d\u91cf\u7528 cra \u8fd9\u79cd\u7528\u6237\u91cf\u5927\u7684\u5427\uff0c\u81f3\u5c11\u6709\u95ee\u9898\u7684\u65f6\u5019\u5bb9\u6613\u641c\u5230\u7b54\u6848 <\/div>\n<\/p><\/div>\n<\/li>\n<li data-pid=\"6704604\" data-uid=\"2\">\n<div>\n<div>\n<div> <span>\u8cc7\u6df1\u5927\u4f6c : jomsou <\/span>  <\/div>\n<div> <i title=\"\u5f15\u7528\"><\/i>  <span>  <\/span> <\/div>\n<\/p><\/div>\n<div> \u611f\u89c9 umi \u5bf9\u4e8e\u4e00\u822c\u7684\u9700\u6c42\u592a\u91cd\u4e86\uff0c\u8fd8\u6709\u5c31\u662f vite \u662f\u771f\u9999\uff0c\u81ea\u5df1\u5728\u91cd\u6784\u7684\u65f6\u5019\u5199\u4e86\u4e2a\u6a21\u7248\uff0chttps:\/\/github.com\/zenquan\/react-admin-template.git<br \/>\u8def\u7531\u5e93 react-router \u7b97\u662f\u6807\u914d\u5427 <\/div>\n<\/p><\/div>\n<\/li>\n<li data-pid=\"6704605\" data-uid=\"2\">\n<div>\n<div>\n<div> <span>\u8cc7\u6df1\u5927\u4f6c : vision1900 <\/span>  <\/div>\n<div> <i title=\"\u5f15\u7528\"><\/i>  <span>  <\/span> <\/div>\n<\/p><\/div>\n<div> @x940727 Chakra <\/div>\n<\/p><\/div>\n<\/li>\n<li data-pid=\"6704606\" data-uid=\"2\">\n<div>\n<div>\n<div> <span>\u8cc7\u6df1\u5927\u4f6c : ccyu220 <\/span>  <\/div>\n<div> <i title=\"\u5f15\u7528\"><\/i>  <span>  <\/span> <\/div>\n<\/p><\/div>\n<div> \u4e0a\u90e8\u5206\u8ba4\u540c\uff0c\u4f46\u662f yarn \u548c ts \u8fd9\u6bb5\u4e0d\u8ba4\u540c\u3002 <\/div>\n<\/p><\/div>\n<\/li>\n<li data-pid=\"6704607\" data-uid=\"2\">\n<div>\n<div>\n<div> <span>\u8cc7\u6df1\u5927\u4f6c : fernandoxu <\/span>  <\/div>\n<div> <i title=\"\u5f15\u7528\"><\/i>  <span>  <\/span> <\/div>\n<\/p><\/div>\n<div> \u51fa\u6d3b\u5feb\uff0c\u4f46\u63d0\u4f9b\u7684\u5f88\u591a\u65b9\u6848\u5e76\u4e0d\u4f18\u79c0 <\/div>\n<\/p><\/div>\n<\/li>\n<li data-pid=\"6704608\" data-uid=\"2\">\n<div>\n<div>\n<div> <span>\u8cc7\u6df1\u5927\u4f6c : noobma <\/span>  <\/div>\n<div> <i title=\"\u5f15\u7528\"><\/i>  <span>  <\/span> <\/div>\n<\/p><\/div>\n<div> \u6211\u81ea\u5df1\u88ab\u7528\u8fc7 rax \u521d\u59cb\u5316\u9879\u76ee\u3001\u63a5\u624b\u8fc7\u522b\u4eba\u7684 umi \u9879\u76ee\uff0c\u90fd\u78b0\u5230\u8fc7\u4e00\u4e2a\u95ee\u9898\uff0c\u6bd4\u5982 package.json \u4e2d rax \u6216\u8005 umi \u7684\u7248\u672c\u53f7\u662f ^1.1.0 \u8fd9\u6837\u7684\uff0c\u4f46\u662f\u8fc7\u4e86\u4e00\u6bb5\u65f6\u95f4\u4ed6\u4eec\u53d1\u7248\u672c\u540e\uff0cci \u4e0a\u6784\u5efa\u6216\u8005\u628a node_modules \u5220\u6389\u540e\u91cd\u88c5\uff0c\u5c31\u4f1a\u9047\u5230\u6253\u5305\u7684\u65f6\u5019\u62a5\u9519\uff0c\u9879\u76ee\u8dd1\u4e0d\u8d77\u6765\u7684\u95ee\u9898\uff0c\u8fd8\u8981\u81ea\u5df1\u53bb\u628a &#8220;^&#8221; \u5220\u6389\u5199\u6b7b\u7248\u672c\u91cd\u65b0\u5b89\u88c5\u624d\u884c\uff0c\u8fd9\u79cd\u4e0d\u662f\u4e3b\u7248\u672c\u53f7\u7684\u5347\u7ea7\u4f1a\u6709\u8fd9\u79cd\u95ee\u9898\uff0c\u8ba9\u4eba\u5f88\u65e0\u8bed <\/div>\n<\/p><\/div>\n<\/li>\n<li data-pid=\"6704609\" data-uid=\"2\">\n<div>\n<div>\n<div> <span>\u8cc7\u6df1\u5927\u4f6c : asvencoop <\/span>  <\/div>\n<div> <i title=\"\u5f15\u7528\"><\/i>  <span>  <\/span> <\/div>\n<\/p><\/div>\n<div> \u516c\u53f8\u4e00\u76f4\u7528 antd\uff0c\u5728 antd 3.12.4 \u8fd9\u4e2a\u57fa\u7840\u4e0a\u62c9\u4e0b\u6765\u81ea\u5df1\u4fee\u6539\u4e86\u4e00\u4e9b\u7ec4\u4ef6\uff0c\u5df2\u7ecf\u5f00\u53d1\u7684\u9879\u76ee 50+\u4ee5\u4e0a\u3002<br \/>\u5e72\u6d3b\u5f88\u5feb\uff0c\u975e\u5e38\u65b9\u4fbf\uff0c\u4e2a\u4eba\u89c9\u5f97 ant design \u662f\u6211\u7528\u8fc7\u6700\u597d\u7684 ui \u6846\u67b6\u3002<br \/>\u6211\u4e0d\u662f\u963f\u91cc\u4eba\uff0c\u4f46\u662f\u90a3\u4e9b\u8bbd\u523a ant design \u7684\u6211\u770b\u4e0d\u4e0b\u53bb\uff0c\u4f60\u771f\u7684\u7528\u8fc7\u5417\uff1f \u505a\u4e86\u51e0\u4e2a\u9879\u76ee\uff1f <\/div>\n<\/p><\/div>\n<\/li>\n<li data-pid=\"6704610\" data-uid=\"2\">\n<div>\n<div>\n<div> <span>\u8cc7\u6df1\u5927\u4f6c : jomsou <\/span>  <\/div>\n<div> <i title=\"\u5f15\u7528\"><\/i>  <span>  <\/span> <\/div>\n<\/p><\/div>\n<div> @asvencoop antd \u786e\u5b9e\u771f\u7684\u5f88\u5168\u5f88\u597d\u7528\uff0creact \u540e\u53f0\u9ed8\u8ba4 antd\uff0cvue \u9ed8\u8ba4 element <\/div>\n<\/p><\/div>\n<\/li>\n<li data-pid=\"6704611\" data-uid=\"2\">\n<div>\n<div>\n<div> <span>\u8cc7\u6df1\u5927\u4f6c : strangeFish <\/span>  <\/div>\n<div> <i title=\"\u5f15\u7528\"><\/i>  <span>  <\/span> <\/div>\n<\/p><\/div>\n<div> \u6211\u4e00\u5f00\u59cb\u4e5f\u633a\u6297\u62d2 umi \u7684\uff0c\u4f46\u662f\u540e\u9762\u7528\u4e45\u4e86\uff0c\u8fd8\u662f\u6bd4\u81ea\u5df1\u642d\u9999\uff0c\u9664\u975e\u662f\u9ad8\u5ea6\u5b9a\u5236\u5316\u7684\u9879\u76ee\u3002<br \/>\u53e6\u5916\u4e0a\u9762\u90a3\u4e2a\u7248\u672c\u53d8\u52a8\u5bfc\u81f4\u7ffb\u8f66\u7684\uff0c\u4f60\u4eec\u4e0d\u4e0a\u4f20 package.lock.json \u7684\u5417\uff1f\u8dd1 npm ci \u662f\u8bfb lock \u7684\u3002 <\/div>\n<\/p><\/div>\n<\/li>\n<li data-pid=\"6704612\" data-uid=\"2\">\n<div>\n<div>\n<div> <span>\u8cc7\u6df1\u5927\u4f6c : vision1900 <\/span>  <\/div>\n<div> <i title=\"\u5f15\u7528\"><\/i>  <span>  <\/span> <\/div>\n<\/p><\/div>\n<div> @asvencoop \u53ea\u8981\u7a0d\u7a0d\u505a\u8fc7\u4e00\u70b9 UI \u5b9a\u5236\u5316\u5c31\u77e5\u9053 Antd \u6709\u591a\u96be\u7528\uff0c\u5c1d\u8bd5\u4e00\u4e0b Chakra \u5c31\u77e5\u9053 Antd \u662f\u591a\u4e48\u539f\u59cb <\/div>\n<\/p><\/div>\n<\/li>\n<li>\n","protected":false},"excerpt":{"rendered":"<p>React \u751f\u6001\u91cc\u7684 umi.js&hellip;<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[],"tags":[],"_links":{"self":[{"href":"http:\/\/4563.org\/index.php?rest_route=\/wp\/v2\/posts\/535393"}],"collection":[{"href":"http:\/\/4563.org\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/4563.org\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/4563.org\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/4563.org\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=535393"}],"version-history":[{"count":0,"href":"http:\/\/4563.org\/index.php?rest_route=\/wp\/v2\/posts\/535393\/revisions"}],"wp:attachment":[{"href":"http:\/\/4563.org\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=535393"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/4563.org\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=535393"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/4563.org\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=535393"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}