conf: build.js

build.bat

@@ -1 +1 @@
-node build.js
+npm run build

build.js

@@ -1,5 +1,7 @@
-const { execSync } = require('child_process');
 
 process.env.REACT_APP_BUILD_TIME = new Date().getTime()+(5*60*1000);
 
-execSync('npm run build', { stdio: 'inherit' });
+require('child_process').execSync(
+  'react-scripts build',
+  { stdio: 'inherit' }
+);

package-lock.json

@@ -19,7 +19,6 @@
         "react-dom": "^18.2.0",
         "react-router-dom": "^6.3.0",
         "react-scripts": "^5.0.1",
-        "vconsole": "^3.15.1",
         "web-vitals": "^2.1.4",
         "xlsx": "https://cdn.sheetjs.com/xlsx-0.18.11/xlsx-0.18.11.tgz"
       },
@@ -7679,17 +7678,6 @@
       "resolved": "https://registry.npmjs.org/cookie-signature/-/cookie-signature-1.0.6.tgz",
       "integrity": "sha512-QADzlaHc8icV8I7vbaJXJwod9HWYp8uCqf1xa4OfNu1T7JVxQIrUgOWtHdNDtPiywmFbiS12VjotIXLrKM3orQ=="
     },
-    "node_modules/copy-text-to-clipboard": {
-      "version": "3.2.0",
-      "resolved": "https://registry.npmjs.org/copy-text-to-clipboard/-/copy-text-to-clipboard-3.2.0.tgz",
-      "integrity": "sha512-RnJFp1XR/LOBDckxTib5Qjr/PMfkatD0MUCQgdpqS8MdKiNUzBjAQBEN6oUy+jW7LI93BBG3DtMB2KOOKpGs2Q==",
-      "engines": {
-        "node": ">=12"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
-      }
-    },
     "node_modules/copy-to-clipboard": {
       "version": "3.3.2",
       "resolved": "https://registry.npmmirror.com/copy-to-clipboard/-/copy-to-clipboard-3.3.2.tgz",
@@ -14877,11 +14865,6 @@
       "resolved": "https://registry.npmjs.org/murmurhash-js/-/murmurhash-js-1.0.0.tgz",
       "integrity": "sha512-TvmkNhkv8yct0SVBSy+o8wYzXjE4Zz3PCesbfs8HiCXXdcTuocApFv11UWlNFWKYsP2okqrhb7JNlSm9InBhIw=="
     },
-    "node_modules/mutation-observer": {
-      "version": "1.0.3",
-      "resolved": "https://registry.npmjs.org/mutation-observer/-/mutation-observer-1.0.3.tgz",
-      "integrity": "sha512-M/O/4rF2h776hV7qGMZUH3utZLO/jK7p8rnNgGkjKUw8zCGjRQPxB8z6+5l8+VjRUQ3dNYu4vjqXYLr+U8ZVNA=="
-    },
     "node_modules/nano-css": {
       "version": "5.3.5",
       "resolved": "https://registry.npmmirror.com/nano-css/-/nano-css-5.3.5.tgz",
@@ -20334,17 +20317,6 @@
         "node": ">= 0.8"
       }
     },
-    "node_modules/vconsole": {
-      "version": "3.15.1",
-      "resolved": "https://registry.npmjs.org/vconsole/-/vconsole-3.15.1.tgz",
-      "integrity": "sha512-KH8XLdrq9T5YHJO/ixrjivHfmF2PC2CdVoK6RWZB4yftMykYIaXY1mxZYAic70vADM54kpMQF+dYmvl5NRNy1g==",
-      "dependencies": {
-        "@babel/runtime": "^7.17.2",
-        "copy-text-to-clipboard": "^3.0.1",
-        "core-js": "^3.11.0",
-        "mutation-observer": "^1.0.3"
-      }
-    },
     "node_modules/viewport-mercator-project": {
       "version": "6.2.3",
       "resolved": "https://registry.npmjs.org/viewport-mercator-project/-/viewport-mercator-project-6.2.3.tgz",
@@ -27148,11 +27120,6 @@
       "resolved": "https://registry.npmjs.org/cookie-signature/-/cookie-signature-1.0.6.tgz",
       "integrity": "sha512-QADzlaHc8icV8I7vbaJXJwod9HWYp8uCqf1xa4OfNu1T7JVxQIrUgOWtHdNDtPiywmFbiS12VjotIXLrKM3orQ=="
     },
-    "copy-text-to-clipboard": {
-      "version": "3.2.0",
-      "resolved": "https://registry.npmjs.org/copy-text-to-clipboard/-/copy-text-to-clipboard-3.2.0.tgz",
-      "integrity": "sha512-RnJFp1XR/LOBDckxTib5Qjr/PMfkatD0MUCQgdpqS8MdKiNUzBjAQBEN6oUy+jW7LI93BBG3DtMB2KOOKpGs2Q=="
-    },
     "copy-to-clipboard": {
       "version": "3.3.2",
       "resolved": "https://registry.npmmirror.com/copy-to-clipboard/-/copy-to-clipboard-3.3.2.tgz",
@@ -32466,11 +32433,6 @@
       "resolved": "https://registry.npmjs.org/murmurhash-js/-/murmurhash-js-1.0.0.tgz",
       "integrity": "sha512-TvmkNhkv8yct0SVBSy+o8wYzXjE4Zz3PCesbfs8HiCXXdcTuocApFv11UWlNFWKYsP2okqrhb7JNlSm9InBhIw=="
     },
-    "mutation-observer": {
-      "version": "1.0.3",
-      "resolved": "https://registry.npmjs.org/mutation-observer/-/mutation-observer-1.0.3.tgz",
-      "integrity": "sha512-M/O/4rF2h776hV7qGMZUH3utZLO/jK7p8rnNgGkjKUw8zCGjRQPxB8z6+5l8+VjRUQ3dNYu4vjqXYLr+U8ZVNA=="
-    },
     "nano-css": {
       "version": "5.3.5",
       "resolved": "https://registry.npmmirror.com/nano-css/-/nano-css-5.3.5.tgz",
@@ -36311,17 +36273,6 @@
       "resolved": "https://registry.npmjs.org/vary/-/vary-1.1.2.tgz",
       "integrity": "sha512-BNGbWLfd0eUPabhkXUVm0j8uuvREyTh5ovRa/dyow/BqAbZJyC+5fU+IzQOzmAKzYqYRAISoRhdQr3eIZ/PXqg=="
     },
-    "vconsole": {
-      "version": "3.15.1",
-      "resolved": "https://registry.npmjs.org/vconsole/-/vconsole-3.15.1.tgz",
-      "integrity": "sha512-KH8XLdrq9T5YHJO/ixrjivHfmF2PC2CdVoK6RWZB4yftMykYIaXY1mxZYAic70vADM54kpMQF+dYmvl5NRNy1g==",
-      "requires": {
-        "@babel/runtime": "^7.17.2",
-        "copy-text-to-clipboard": "^3.0.1",
-        "core-js": "^3.11.0",
-        "mutation-observer": "^1.0.3"
-      }
-    },
     "viewport-mercator-project": {
       "version": "6.2.3",
       "resolved": "https://registry.npmjs.org/viewport-mercator-project/-/viewport-mercator-project-6.2.3.tgz",

package.json

@@ -14,13 +14,12 @@
     "react-dom": "^18.2.0",
     "react-router-dom": "^6.3.0",
     "react-scripts": "^5.0.1",
-    "vconsole": "^3.15.1",
     "web-vitals": "^2.1.4",
     "xlsx": "https://cdn.sheetjs.com/xlsx-0.18.11/xlsx-0.18.11.tgz"
   },
   "scripts": {
     "start": "react-scripts start",
-    "build": "react-scripts build",
+    "build": "node build.js",
     "test": "react-scripts test",
     "eject": "react-scripts eject",
     "lint": "eslint ./src",

public/index.html

@@ -28,6 +28,7 @@
   </head>
   <body>
     <noscript>You need to enable JavaScript to run this app.</noscript>
+    <script src="https://unpkg.com/vconsole@latest/dist/vconsole.min.js"></script>
     <div id="root"></div>
     <!--
       This HTML file is a template.

src/App.jsx

@@ -47,8 +47,6 @@ import Welcome from './views/Welcome';
 import { stores_Context, APP_VERSION } from './config';
 import { WaterMark } from '@ant-design/pro-components';
 
-import VConsole from 'vconsole';
-
 const App = () => {
   const { Content, Footer, Sider } = Layout;
   const { auth_store } = useContext(stores_Context);
@@ -156,7 +154,7 @@ const App = () => {
   ];
 
   const callDebug = () => {
-    const vConsole = new VConsole({ theme: 'dark' });
+    const vConsole = new window.VConsole({ theme: 'dark' });
     auth_store.get_auth();
   };
   return (