fix(utils): using universal build config and fix compatibility issue (#…

…4233)

.changeset/funny-pigs-travel.md

@@ -0,0 +1,7 @@
+---
+'@modern-js/utils': patch
+---
+
+fix(utils): using universal build config and fix compatibility issue
+
+fix(utils):  使用 universal 构建配置，修复兼容性问题

packages/server/server/src/dev-tools/dev-middleware/index.ts

@@ -1,3 +1,4 @@
+import { sep } from 'path';
 import { Server } from 'http';
 import { EventEmitter } from 'events';
 import {
@@ -26,7 +27,11 @@ function getHMRClientPath(client: DevServerOptions['client']) {
     '@modern-js/server/hmr-client',
   )}?${host}${path}${port}${protocol}`;
 
-  return clientEntry;
+  // replace cjs with esm because we want to use the es5 version
+  return clientEntry.replace(
+    `${sep}cjs${sep}dev-tools`,
+    `${sep}esm${sep}dev-tools`,
+  );
 }
 
 export default class DevMiddleware extends EventEmitter {

packages/toolkit/utils/modern.config.js

@@ -1,37 +1,18 @@
+const { universalBuildConfig } = require('@scripts/build');
+
 module.exports = {
-  buildConfig: [
-    {
-      buildType: 'bundleless',
-      format: 'cjs',
-      target: 'es2019',
-      dts: false,
-      outDir: './dist/cjs',
-      copy: {
+  buildConfig: universalBuildConfig.map((item, index) => {
+    if (index === 0) {
+      item.copy = {
         patterns: [
           {
             from: './compiled',
             context: __dirname,
             to: '../compiled',
           },
         ],
-      },
-      externalHelpers: true,
-    },
-    {
-      buildType: 'bundleless',
-      format: 'esm',
-      target: 'es2019',
-      dts: false,
-      outDir: './dist/esm',
-      externalHelpers: true,
-    },
-    {
-      buildType: 'bundleless',
-      dts: {
-        only: true,
-      },
-      outDir: './dist/types',
-      externalHelpers: true,
-    },
-  ],
+      };
+    }
+    return item;
+  }),
 };