support alipay mini-program

Author: Dewyzee

index.js

@@ -7,37 +7,63 @@
 //   return typeof global !== 'undefined' ? global : this;
 // })();
 
+// 支付宝环境中，每个模块打包后在模块内部global会被强制赋值undefined，可以挂载到$global中
+// Component变量只有在项目中通过json配置声明组件后，打包的时候才会声明赋值，否则访问不到
 const banner = `
-  if (!global && (typeof my !== 'undefined')) {
+  if (!global) {
     var globalModule = require('global');
-    var Component = globalModule.AFAppX.WorkerComponent;
-    global = globalModule.AFAppX.$global || {};
+    var Component = Component ? Component : globalModule.AFAppX.WorkerComponent;
+    var global = globalModule.AFAppX.$global || {};
   }
 `;
 
-function mpvueVendorPlugin() {
+function mpvueVendorPlugin(options) {
+  this.options = options || {};
 }
 
 mpvueVendorPlugin.prototype.apply = function(compiler) {
-  compiler.plugin("emit", (compilation, callback) => {
-    let regExp = /\.js$/;
-    let filesName = Object.keys(compilation.assets).filter(name =>
-      name.match(regExp)
-    );
-    filesName.forEach(name => {
-      let asset = compilation.assets[name];
-      let fileContent = asset.source();
-      compilation.assets[name] = {
-        source: () => {
-          return banner + "\n" + fileContent;
-        },
-        size: () => {
-          return Buffer.byteLength(fileContent, "utf8");
-        }
-      };
+  const isAlipay = this.options.platform && this.options.platform.includes('my');
+  if (isAlipay) {
+    compiler.plugin("emit", (compilation, callback) => {
+      const regExp = /\.js$/;
+      const filesName = Object.keys(compilation.assets).filter(name =>
+        name.match(regExp)
+      );
+      filesName.forEach(name => {
+        let asset = compilation.assets[name];
+        let fileContent = asset.source();
+        compilation.assets[name] = {
+          source: () => {
+            return banner + "\n" + fileContent;
+          },
+          size: () => {
+            return Buffer.byteLength(fileContent, "utf8");
+          }
+        };
+      });
+      callback();
+    });
+  }
+  compiler.plugin('compilation', (compilation) => {
+    compilation.plugin('additional-chunk-assets', () => {
+      const fileName = 'common/vendor.js';
+      const asset = compilation.assets[fileName];
+      if (asset) {
+        let fileContent = asset.source();
+        compilation.assets[fileName] = {
+          source: () => {
+            let from = /g\s=\s\(function\(\)\s\{\r?\n?\s+return\sthis;\r?\n?\s*\}\)\(\)\;/;
+            let to = `g = (function() { return typeof global !== 'undefined' ? global : this; })();`
+            fileContent = fileContent.replace(from, to)
+            return fileContent;
+          },
+          size: () => {
+            return Buffer.byteLength(fileContent, 'utf8');
+          }
+        };
+      }
     });
-    callback();
   });
 };
 
-module.exports = mpvueVendorPlugin;
+module.exports = mpvueVendorPlugin;