chore: init plugins and ministar

web/package.json

@@ -18,6 +18,7 @@
     "clsx": "^1.1.1",
     "is-hotkey": "^0.2.0",
     "jwt-decode": "^3.1.2",
+    "mini-star": "^0.0.24",
     "p-min-delay": "^4.0.0",
     "react": "^17.0.2",
     "react-dom": "^17.0.2",

web/plugins/com.msgbyte.webpanel/package.json

@@ -0,0 +1,7 @@
+{
+  "name": "@plugins/com.msgbyte.webpanel",
+  "main": "src/index.ts",
+  "version": "0.0.0",
+  "private": true,
+  "dependencies": {}
+}

web/plugins/com.msgbyte.webpanel/src/index.ts

@@ -0,0 +1 @@
+console.log('Hello World!');

web/plugins/com.msgbyte.webpanel/tsconfig.json

@@ -0,0 +1,6 @@
+{
+  "compilerOptions": {
+    "rootDir": "./src",
+    "baseUrl": "./src"
+  }
+}

web/src/index.tsx

@@ -3,10 +3,21 @@ import './dev';
 import React from 'react';
 import ReactDOM from 'react-dom';
 import { App } from './App';
+import { initMiniStar } from 'mini-star';
 
 import 'antd/dist/antd.css';
 import './styles/antd/index.less';
 import 'tailwindcss/tailwind.css';
 import './styles/global.less';
 
-ReactDOM.render(<App />, document.querySelector('#app'));
+// 先加载插件再开启应用
+initMiniStar({
+  plugins: [
+    {
+      name: 'com.msgbyte.webpanel',
+      url: '/plugins/com.msgbyte.webpanel/index.js',
+    },
+  ],
+}).then(() => {
+  ReactDOM.render(<App />, document.querySelector('#app'));
+});

web/webpack.config.ts

@@ -47,6 +47,7 @@ const config: Configuration = {
   devServer: {
     port: PORT,
     historyApiFallback: true,
+    contentBase: './dist',
   },
   module: {
     rules: [