feat(jsx2mp-loader): hackRegeneratorRuntimeFunction in ali miniapp of…

… copyNpm
raxjs · Apr 11, 2023 · 64a4aaa · 64a4aaa
1 parent dc74534
commit 64a4aaa
Show file tree

Hide file tree

Showing 2 changed files with 55 additions and 3 deletions.
diff --git a/packages/jsx2mp-loader/src/babel-plugin-handle-regeneratorRuntime.js b/packages/jsx2mp-loader/src/babel-plugin-handle-regeneratorRuntime.js
@@ -0,0 +1,48 @@
+/**
+ * @Author 阿劭 [email protected]
+ * @Date 2023-04-10 18:21:49
+ * @LastEditors 阿劭 [email protected]
+ * @LastEditTime 2023-04-10 21:33:21
+ * @Description 小程序严格模式下报错 `Function(...) is not function` 兼容
+ * https://aliyuque.antfin.com/tianjie.stj/nivfgf/wi0gk43l6otk3lam?singleDoc#tnMFv
+ */
+
+module.exports = function visitor({ types: t }) {
+
+  /**
+   * 判断节点是否是 Function("r", "regeneratorRuntime = r")(runtime);
+   * @param {*} node 
+   */
+  function isFunctionRegeneratorRuntime (node) {
+    return (
+      t.isCallExpression(node.callee) &&
+      node.callee.callee.name === 'Function' &&
+      node.callee.arguments.length === 2 &&
+      t.isStringLiteral(node.callee.arguments[0]) &&
+      node.callee.arguments[0].value === 'r' &&
+      t.isStringLiteral(node.callee.arguments[1]) &&
+      node.callee.arguments[1].value === 'regeneratorRuntime = r' &&
+      node.arguments.length === 1 &&
+      t.isIdentifier(node.arguments[0]) &&
+      node.arguments[0].name === 'runtime'
+    );
+  }
+
+  return {
+    visitor: {
+      CallExpression(path, state) {
+        const { node } = path;
+        if (
+          t.isCallExpression(node.callee) &&
+          node.callee.callee.name === 'Function'
+        ) {
+          if (isFunctionRegeneratorRuntime(node)) {
+            if (path.parentPath.node && t.isExpressionStatement(path.parentPath.node)) {
+              path.parentPath.remove();
+            }
+          }
+        }
+      },
+    }
+  };
+};
diff --git a/packages/jsx2mp-loader/src/script-loader.js b/packages/jsx2mp-loader/src/script-loader.js
@@ -3,7 +3,7 @@ const { join, dirname, relative, resolve, sep, extname } = require('path');
 const { copySync, existsSync, mkdirpSync, ensureFileSync, writeJSONSync, readFileSync, readJSONSync } = require('fs-extra');
 const { getOptions } = require('loader-utils');
 const resolveModule = require('resolve');
-const { constants: { QUICKAPP }} = require('miniapp-builder-shared');
+const { constants: { QUICKAPP, MINIAPP }, platformMap } = require('miniapp-builder-shared');
 const cached = require('./cached');
 const { removeExt, doubleBackslash, normalizeOutputFilePath, addRelativePathPrefix, isFromTargetDirs } = require('./utils/pathHelper');
 const { isNpmModule, isJSONFile, isTypescriptFile } = require('./utils/judgeModule');
@@ -70,6 +70,9 @@ module.exports = function scriptLoader(content) {
     let outputContent = {};
     let outputOption = {};
 
+    // 支付宝小程序 copyNpm 模式下对 @babel/runtime/regenerator/index.js 中的 `Function("r", "regeneratorRuntime=r")(runtime);` 进行处理
+    const needHackRegeneratorRuntimeFunction = platform.type === platformMap[MINIAPP].type && !disableCopyNpm && this.resourcePath.indexOf('@babel/runtime/regenerator/index.js') > -1;
+
     outputContent = { code: rawContent };
     outputOption = {
       outputPath: {
@@ -87,8 +90,9 @@ module.exports = function scriptLoader(content) {
             platform,
             aliasEntries
           }
-        ]
-      ],
+        ],
+        needHackRegeneratorRuntimeFunction ? require('./babel-plugin-handle-regeneratorRuntime') : null
+      ].filter(t => t),
       platform,
       isTypescriptFile: isTypescriptFile(this.resourcePath),
       rootDir,