[react demo] - 使用 lib 下的 sdk

examples/react/config-overrides.js

@@ -0,0 +1,15 @@
+const path = require('path');
+const webpack = require('webpack');
+
+const {
+  override,
+  addWebpackAlias,
+  removeModuleScopePlugin,
+} = require('customize-cra');
+
+module.exports = override(
+  addWebpackAlias({
+    "@sdk": path.resolve(__dirname, "../../lib"),
+  }),
+  removeModuleScopePlugin()
+);

examples/react/package.json

@@ -3,20 +3,15 @@
   "version": "1.0.0",
   "description": "UCloud RTC react 版本的 demo",
   "dependencies": {
-    "@testing-library/jest-dom": "^4.2.4",
-    "@testing-library/react": "^9.3.2",
-    "@testing-library/user-event": "^7.1.2",
     "react": "^16.12.0",
     "react-dom": "^16.12.0",
-    "react-scripts": "3.3.0",
-    "unique-classnames": "^1.0.6",
-    "urtc-sdk": "^1.4.5"
+    "unique-classnames": "^1.0.6"
   },
   "scripts": {
-    "start": "react-scripts start",
-    "build": "react-scripts build",
-    "test": "react-scripts test",
-    "eject": "react-scripts eject"
+    "start": "react-app-rewired start",
+    "build": "react-app-rewired build",
+    "test": "react-app-rewired test",
+    "eject": "react-app-rewired eject"
   },
   "eslintConfig": {
     "extends": "react-app"
@@ -33,5 +28,13 @@
       "last 1 firefox version",
       "last 1 safari version"
     ]
+  },
+  "devDependencies": {
+    "@testing-library/jest-dom": "^4.2.4",
+    "@testing-library/react": "^9.3.2",
+    "@testing-library/user-event": "^7.1.2",
+    "customize-cra": "^0.9.1",
+    "react-app-rewired": "^2.1.5",
+    "react-scripts": "^3.3.0"
   }
 }

examples/react/src/pages/room/index.css

@@ -11,9 +11,11 @@
   padding: 8px 0;
   display: inline-block;
   width: 100%;
+  border-width: 1px;
   border-radius: 6px;
+  background-color: #fff;
   cursor: pointer;
-  text-align: center;;
+  text-align: center;
 }
 
 .room input:visited,

examples/react/src/pages/room/index.jsx

@@ -1,5 +1,7 @@
 import React, { Component } from 'react';
-import sdk, { Client } from 'urtc-sdk';
+
+// 注：实际使用时，请使用 import sdk, { Client } from 'urtc-sdk';
+import sdk, { Client } from '@sdk';
 
 import config from '../../config';
 import MediaPlayer from '../../components/MediaPlayer';