feat: support specify plugin as string

e2e/fixtures/plugins/expect.js

@@ -6,3 +6,5 @@ const { files } = parseBuildResult(__dirname);
 const content = files["index.js"];
 assert(content.includes(`children: "foo.bar"`), `jsx in foo.bar works`);
 assert(content.includes(`children: ".bar"`), `jsx in hoo.bar works`);
+assert(content.includes(`children: ".haha"`), `plugin in node_modules works`);
+assert(content.includes(`children: ".hoo"`), `relative plugin works`);

e2e/fixtures/plugins/mako.config.json

@@ -1 +1,7 @@
-{"minify": false}
+{
+  "plugins": [
+    "./plugin",
+    "plugin"
+  ],
+  "minify": false
+}

e2e/fixtures/plugins/plugin.js

@@ -0,0 +1,11 @@
+
+module.exports = {
+  async load(path) {
+    if (path.endsWith('.hoo')) {
+      return {
+        content: `export default () => <Foooo>.hoo</Foooo>;`,
+        type: 'jsx',
+      };
+    }
+  }
+};

e2e/fixtures/plugins/src/foo.haha

@@ -0,0 +1 @@
+// should be handled with load hook

e2e/fixtures/plugins/src/foo.hoo

@@ -0,0 +1 @@
+// should be handled with load hook

e2e/fixtures/plugins/src/index.tsx

@@ -1,2 +1,4 @@
 console.log(require('./foo.bar'));
 console.log(require('./hoo.bar'));
+console.log(require('./foo.haha'));
+console.log(require('./foo.hoo'));

packages/mako/binding.d.ts

@@ -3,6 +3,10 @@
 
 /* auto-generated by NAPI-RS */
 
+export interface TransformOutput {
+  code: string;
+  map?: string;
+}
 export interface JsHooks {
   name?: string;
   load?: (

packages/mako/package.json

@@ -20,6 +20,7 @@
   },
   "license": "MIT",
   "dependencies": {
+    "@types/resolve": "^1.20.6",
     "@swc/helpers": "0.5.1",
     "chalk": "^4.1.2",
     "less": "^4.2.0",
@@ -29,6 +30,7 @@
     "piscina": "^4.5.1",
     "react-error-overlay": "6.0.9",
     "react-refresh": "^0.14.0",
+    "resolve": "^1.22.8",
     "semver": "^7.6.2",
     "yargs-parser": "^21.1.1"
   },

packages/mako/src/index.ts

@@ -1,6 +1,7 @@
 import fs from 'fs';
 import path from 'path';
 import { omit } from 'lodash';
+import resolve from 'resolve';
 import * as binding from '../binding';
 import { ForkTSChecker as ForkTSChecker } from './forkTSChecker';
 import { LessLoaderOpts, lessLoader } from './lessLoader';
@@ -118,6 +119,32 @@ export async function build(params: BuildParams) {
   }
 
   let plugins = params.config.plugins;
+  plugins = plugins.map((plugin: any) => {
+    if (typeof plugin === 'string') {
+      let fn = require(
+        resolve.sync(plugin, {
+          basedir: params.root,
+        }),
+      );
+      return fn.default || fn;
+    } else {
+      return plugin;
+    }
+  });
+  makoConfig.plugins?.forEach((plugin: any) => {
+    if (typeof plugin === 'string') {
+      let fn = require(
+        resolve.sync(plugin, {
+          basedir: params.root,
+        }),
+      );
+      plugins.push(fn.default || fn);
+    } else {
+      throw new Error(
+        `Invalid plugin: ${plugin} in mako.config.json, only support string type plugin here.`,
+      );
+    }
+  });
   params.config = omit(params.config, [
     'less',
     'forkTSChecker',