feat: umd support mako bundler

examples/mako/.fatherrc.ts

@@ -0,0 +1,14 @@
+import { defineConfig } from '../../dist';
+const path = require('path');
+
+export default defineConfig({
+  umd: {
+    bundler: 'mako',
+  },
+  alias: {
+    '@': path.resolve(__dirname, './src'),
+    'hello-a': path.resolve(__dirname, './src/a.tsx'),
+    'hello-foo': path.resolve(__dirname, './src/foo.ts'),
+  },
+  platform: 'browser',
+});

examples/mako/package.json

@@ -0,0 +1,15 @@
+{
+  "scripts": {
+    "build": "OKAM=@alipay/umi-bundler-okam father build",
+    "build:no-clean": "father build --no-clean",
+    "dev": "father dev",
+    "dev:no-clean": "father dev --no-clean",
+    "doctor": "father doctor",
+    "version": "father version"
+  },
+  "dependencies": {
+    "father": "workspace:*",
+    "react": "^18.2.0",
+    "react-dom": "^18.2.0"
+  }
+}

examples/mako/src/a.tsx

@@ -0,0 +1,15 @@
+console.log('hello here');
+
+// @ts-ignore
+import React from 'react';
+// @ts-ignore
+import ReactDOM from 'react-dom';
+
+function App({content}:{content:string}) {
+  // @ts-ignore
+  return <div>{content}</div>;
+}
+
+// @ts-ignore
+const root = ReactDOM.createRoot(document.getElementById('root'));
+root.render(<App content={'hello'}/>);

examples/mako/src/content.tsx

@@ -0,0 +1,7 @@
+class Content {
+  say() {
+    return 'Hello father 3';
+  }
+}
+
+export default new Content().say();

examples/mako/src/foo.ts

@@ -0,0 +1 @@
+console.log('foo here');

examples/mako/src/index.tsx

@@ -0,0 +1,17 @@
+import content from '@/content';
+import 'hello-a'
+import 'hello-foo'
+/*
+import React from 'react';
+import ReactDOM from 'react-dom';
+
+// const content = 'Hello'
+function App() {
+  return <div>{content}</div>;
+}
+
+// @ts-ignore
+const root = ReactDOM.createRoot(document.getElementById('root'));
+root.render(<App />);
+*/
+console.log(content);

examples/mako/tsconfig.json

@@ -0,0 +1,19 @@
+{
+  "compilerOptions": {
+    "declaration": true,
+    "declarationMap": true,
+    "esModuleInterop": true,
+    "module": "commonjs",
+    "moduleResolution": "node",
+    "noUnusedLocals": true,
+    "noUnusedParameters": true,
+    "strict": true,
+    "skipLibCheck": true,
+    "target": "es2015",
+    "jsx": "react",
+    "baseUrl": ".",
+    "paths": {
+      "@/*": ["./src/*"]
+    }
+  }
+}

src/builder/bundle/mako.ts

@@ -1,8 +1,12 @@
-import path from 'path';
+import { tryPaths } from '@umijs/utils';
+import { join, parse } from 'path';
 import { getCachePath } from '../../utils';
 import type { BundleConfigProvider, IBundleConfig } from '../config';
 import { getBabelPresetReactOpts, getBundleTargets } from '../utils';
 import { logStatus } from './utils';
+
+const extensions = ['.js', '.jsx', '.ts', '.tsx', '.cjs', '.mjs'];
+
 interface IBundleOpts {
   cwd: string;
   configProvider: BundleConfigProvider;
@@ -19,6 +23,10 @@ async function makoBundle(
   require('@umijs/bundler-webpack/dist/requireHook');
   // @ts-ignore
   const { build, dev } = require(process.env.OKAM);
+  // mako need extension
+  const entry = tryPaths(
+    extensions.map((ext) => join(opts.cwd, `${config.entry}${ext}`)),
+  );
   const options = {
     cwd: opts.cwd,
     config: {
@@ -43,10 +51,7 @@ async function makoBundle(
       cacheDirectoryPath: getCachePath(),
     },
     entry: {
-      [path.parse(config.output.filename).name]: path.join(
-        opts.cwd,
-        config.entry,
-      ),
+      [parse(config.output.filename).name]: entry,
     },
     babelPreset: [
       require.resolve('@umijs/babel-preset-umi'),
@@ -81,7 +86,6 @@ async function makoBundle(
       if (!isFirstCompile) logStatus(config);
     },
   };
-  console.log(options);
 
   if (opts.watch) {
     return await dev(options);