Merge pull request #2 from mpvue/feature/ttaplipay

Feature/ttaplipay

Author: hucq

README.md

@@ -14,7 +14,9 @@ const mpvueVendorPlugin = require('webpack-mpvue-vendor-plugin')
     filename: 'foo.bundle.js'
   },
   plugins: [
-    new mpvueVendorPlugin()
+    new mpvueVendorPlugin({
+      platform: process.env.PLATFORM
+    })
   ]
 };
 ```

index.js

@@ -7,28 +7,63 @@
 //   return typeof global !== 'undefined' ? global : this;
 // })();
 
-function mpvueVendorPlugin() {
-}
+// 支付宝环境中，每个模块打包后在模块内部global会被强制赋值undefined，可以挂载到$global中
+// Component变量只有在项目中通过json配置声明组件后，打包的时候才会声明赋值，否则访问不到
+const banner = `
+  if (!global) {
+    var globalModule = require('global');
+    var Component = Component ? Component : globalModule.AFAppX.WorkerComponent;
+    var global = globalModule.AFAppX.$global || {};
+  }
+`;
 
-mpvueVendorPlugin.prototype.apply = function (compiler) {
-  compiler.plugin('emit', (compilation, callback) => {
-    const fileName = 'common/vendor.js';
-    const asset = compilation.assets[fileName];
-    let fileContent = asset.source();
+function mpvueVendorPlugin(options) {
+  this.options = options || {};
+}
 
-    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');
+mpvueVendorPlugin.prototype.apply = function(compiler) {
+  const isAlipay = this.options.platform && this.options.platform === '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;

package.json

@@ -1,6 +1,6 @@
 {
   "name": "webpack-mpvue-vendor-plugin",
-  "version": "0.0.1",
+  "version": "2.0.0",
   "main": "index.js",
   "directories": {
     "lib": "lib"