build: improve webpack config (#3561)

apps/core/src/_plugin/index.test.tsx

@@ -9,31 +9,39 @@ import { createRoot } from 'react-dom/client';
 import { _pluginNestedImportsMap } from '../bootstrap/plugins/setup';
 import { pluginRegisterPromise } from '../bootstrap/register-plugins';
 
-const root = document.getElementById('app');
-assertExists(root);
+async function main() {
+  const { setup } = await import('../bootstrap/setup');
+  await setup();
+  const root = document.getElementById('app');
+  assertExists(root);
 
-const App = () => {
-  use(pluginRegisterPromise);
-  const plugins = useAtomValue(registeredPluginAtom);
-  _pluginNestedImportsMap.forEach(value => {
-    const exports = value.get('index.js');
-    assertExists(exports);
-    assertExists(exports?.get('entry'));
-  });
-  return (
-    <div>
-      <div data-plugins-load-status="success">Successfully loaded plugins:</div>
-      {plugins.map(plugin => {
-        return <div key={plugin}>{plugin}</div>;
-      })}
-    </div>
+  const App = () => {
+    use(pluginRegisterPromise);
+    const plugins = useAtomValue(registeredPluginAtom);
+    _pluginNestedImportsMap.forEach(value => {
+      const exports = value.get('index.js');
+      assertExists(exports);
+      assertExists(exports?.get('entry'));
+    });
+    return (
+      <div>
+        <div data-plugins-load-status="success">
+          Successfully loaded plugins:
+        </div>
+        {plugins.map(plugin => {
+          return <div key={plugin}>{plugin}</div>;
+        })}
+      </div>
+    );
+  };
+
+  createRoot(root).render(
+    <StrictMode>
+      <Provider store={rootStore}>
+        <App />
+      </Provider>
+    </StrictMode>
   );
-};
+}
 
-createRoot(root).render(
-  <StrictMode>
-    <Provider store={rootStore}>
-      <App />
-    </Provider>
-  </StrictMode>
-);
+await main();