Skip to content

Commit

Permalink
🔖 Publish v0.6.0
Browse files Browse the repository at this point in the history
  • Loading branch information
@zhangsanshi
zhangsanshi committed May 14, 2020
1 parent 62bc2cc commit fed291e
Show file tree
Hide file tree
Showing 4 changed files with 255 additions and 1 deletion.
118 changes: 118 additions & 0 deletions dist/lib/newPlugin.js
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,118 @@
"use strict";
var __assign = (this && this.__assign) || function () {
__assign = Object.assign || function(t) {
for (var s, i = 1, n = arguments.length; i < n; i++) {
s = arguments[i];
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
t[p] = s[p];
}
return t;
};
return __assign.apply(this, arguments);
};
var __importDefault = (this && this.__importDefault) || function (mod) {
return (mod && mod.__esModule) ? mod : { "default": mod };
};
Object.defineProperty(exports, "__esModule", { value: true });
var PLUGIN_NAME = 'MicroPlugin';
var webpack_1 = __importDefault(require("webpack"));
var SingleEntryPlugin_1 = __importDefault(require("webpack/lib/SingleEntryPlugin"));
var html_webpack_plugin_1 = __importDefault(require("html-webpack-plugin"));
var webpack_sources_1 = require("webpack-sources");
function getWrap(microName) {
var beforeContent = ";(function(self){with(self){\n";
var afterContent = "\n}}).call(_w,_w);";
var worker = "if(!self.document){_w=self;}";
return {
beforeContent: ';(function(_p) {var _w=_p._window||self;' + worker + "if (_w && _w.microApp) {_w.microApp.isWrapRunning = true;};" + beforeContent,
afterContent: afterContent + (";if (_w && _w.microApp) {_w.microApp.isWrapRunning=false;}})(self[\"" + microName + "\"]);"),
};
}
var isJsFile = function (str) {
return str.endsWith('.js');
};
var MicroPlugin = /** @class */ (function () {
function MicroPlugin(options) {
this.options = Object.assign({
entryName: 'micro',
}, options);
}
MicroPlugin.prototype.apply = function (compiler) {
var _this = this;
var self = this;
compiler.hooks.make.tapAsync(PLUGIN_NAME, function (compilation, childProcessDone) {
var outputOptions = compiler.options.output;
var childCompiler = compilation.createChildCompiler(PLUGIN_NAME, __assign(__assign({}, outputOptions), { filename: outputOptions.filename.replace(/\[(.*?)\]/g, "child") }), [
new webpack_1.default.DefinePlugin({
MICRO_NAME: JSON.stringify(self.options.microName),
}),
]);
childCompiler.context = compiler.context;
new SingleEntryPlugin_1.default(compiler.context, './node_modules/vusion-micro-app/dist/index.js', _this.options.entryName).apply(childCompiler);
childCompiler.runAsChild(function (err, entries, childCompilation) {
var _a;
if (err) {
return childProcessDone(err);
}
if (childCompilation.errors.length > 0) {
return childProcessDone(childCompilation.errors[0]);
}
(_a = compilation.chunks).push.apply(_a, childCompilation.chunks);
childProcessDone();
});
});
compiler.hooks.compilation.tap(PLUGIN_NAME, function (compilation) {
if (compilation.hooks.htmlWebpackPluginBeforeHtmlGeneration) {
compilation.hooks.htmlWebpackPluginBeforeHtmlGeneration.tapAsync(PLUGIN_NAME, function (htmlPluginData, callback) {
self.recordAssets(compilation, htmlPluginData.assets);
callback(null, htmlPluginData);
});
}
else {
// HtmlWebPackPlugin 4.x
var hooks = html_webpack_plugin_1.default.getHooks(compilation);
hooks["htmlWebpackPluginBeforeHtmlGeneration"].tapAsync(PLUGIN_NAME, function (htmlPluginData, callback) {
self.recordAssets(compilation, htmlPluginData.assets);
callback(null, htmlPluginData);
});
}
});
compiler.hooks.emit.tapAsync(PLUGIN_NAME, function (compilation, next) {
var chunks = compilation.chunks;
for (var i = 0, len = chunks.length; i < len; i++) {
if (chunks[i].name !== _this.options.entryName) {
var files = chunks[i].files;
files.forEach(function (file) {
if (isJsFile(file)) {
var _a = getWrap(_this.options.microName), beforeContent = _a.beforeContent, afterContent = _a.afterContent;
compilation.assets[file] = new webpack_sources_1.ConcatSource(beforeContent, compilation.assets[file], afterContent);
}
});
}
}
next();
});
};
MicroPlugin.prototype.recordAssets = function (compilation, data) {
var microData = {
css: data.css,
js: data.js,
};
var output = JSON.stringify(microData);
var outputJS = ";(function(){\n var m=window.micro=window.micro||{};\n var c=m.subApps=m.subApps||{};\n c[\"" + this.options.microName + "\"]=" + output + ";\n m.subApps=c;})();";
var tmp = compilation.assets["" + this.options.prefix + this.options.filename + ".json"] = {
source: function () { return output; },
size: function () { return output.length; },
};
var tmpJS = compilation.assets["" + this.options.prefix + this.options.filename + ".js"] = {
source: function () { return outputJS; },
size: function () { return outputJS.length; },
};
if (this.options.latest) {
compilation.assets[this.options.prefix + "latest.json"] = tmp;
compilation.assets[this.options.prefix + "latest.js"] = tmpJS;
}
};
return MicroPlugin;
}());
exports.default = MicroPlugin;
14 changes: 14 additions & 0 deletions dist/types/newPlugin.d.ts
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,14 @@
interface Options {
latest: boolean;
prefix: string;
filename: string;
entryName: string;
microName: string;
}
export default class MicroPlugin {
options: Options;
constructor(options: Options);
apply(compiler: any): void;
recordAssets(compilation: any, data: any): void;
}
export {};
2 changes: 1 addition & 1 deletion package.json
View file
Original file line number Diff line number Diff line change
@@ -1,6 +1,6 @@
{
"name": "webpack-micro",
"version": "0.5.4",
"version": "0.6.0",
"description": "",
"main": "dist/lib/index.js",
"scripts": {
Expand Down
122 changes: 122 additions & 0 deletions src/newPlugin.ts
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,122 @@
const PLUGIN_NAME = 'MicroPlugin';
import webpack from 'webpack';
import SingleEntryPlugin from 'webpack/lib/SingleEntryPlugin';
import HtmlWebpackPlugin from 'html-webpack-plugin';
import { ConcatSource } from 'webpack-sources';
interface Options {
latest: boolean;
prefix: string;
filename: string;
entryName: string;
microName: string;
}
interface Wrap {
beforeContent: string;
afterContent: string;
}
function getWrap(microName): Wrap {
const beforeContent = `;(function(self){with(self){\n`;
const afterContent = `\n}}).call(_w,_w);`;
const worker = `if(!self.document){_w=self;}`;
return {
beforeContent: ';(function(_p) {var _w=_p._window||self;' + worker + `if (_w && _w.microApp) {_w.microApp.isWrapRunning = true;};` + beforeContent,
afterContent: afterContent + `;if (_w && _w.microApp) {_w.microApp.isWrapRunning=false;}})(self["${microName}"]);`,
};
}
const isJsFile = function (str): boolean {
return str.endsWith('.js');
};
export default class MicroPlugin {
public options: Options;
public constructor(options: Options) {
this.options = Object.assign({
entryName: 'micro',
}, options);
}

public apply(compiler): void {
const self = this;
compiler.hooks.make.tapAsync(PLUGIN_NAME, (compilation, childProcessDone): void => {
const outputOptions = compiler.options.output;
const childCompiler = compilation.createChildCompiler(PLUGIN_NAME, {
...outputOptions,
filename: outputOptions.filename.replace(/\[(.*?)\]/g, `child`),
}, [
new webpack.DefinePlugin({
MICRO_NAME: JSON.stringify(self.options.microName),
}),
]);
childCompiler.context = compiler.context;

new SingleEntryPlugin(compiler.context, './node_modules/vusion-micro-app/dist/index.js', this.options.entryName).apply(
childCompiler,
);
childCompiler.runAsChild((err, entries, childCompilation): void => {
if (err) {
return childProcessDone(err);
}

if (childCompilation.errors.length > 0) {
return childProcessDone(childCompilation.errors[0]);
}
compilation.chunks.push(...childCompilation.chunks);
childProcessDone();
});
});
compiler.hooks.compilation.tap(PLUGIN_NAME, (compilation): void => {
if (compilation.hooks.htmlWebpackPluginBeforeHtmlGeneration) {
compilation.hooks.htmlWebpackPluginBeforeHtmlGeneration.tapAsync(PLUGIN_NAME, (htmlPluginData, callback): void => {
self.recordAssets(compilation, htmlPluginData.assets);
callback(null, htmlPluginData);
});
} else {
// HtmlWebPackPlugin 4.x
const hooks = HtmlWebpackPlugin.getHooks(compilation);
hooks["htmlWebpackPluginBeforeHtmlGeneration"].tapAsync(PLUGIN_NAME, (htmlPluginData, callback): void => {
self.recordAssets(compilation, htmlPluginData.assets);
callback(null, htmlPluginData);
});
}
});
compiler.hooks.emit.tapAsync(PLUGIN_NAME, (compilation, next): void => {
const chunks = compilation.chunks;
for (let i = 0, len = chunks.length; i < len; i++) {
if (chunks[i].name !== this.options.entryName) {
const files = chunks[i].files;
files.forEach((file): void => {
if (isJsFile(file)) {
const { beforeContent, afterContent } = getWrap(this.options.microName);
compilation.assets[file] = new ConcatSource(beforeContent, compilation.assets[file], afterContent);
}
});
}
}
next();
});
}

public recordAssets(compilation, data): void {
const microData = {
css: data.css,
js: data.js,
};
const output = JSON.stringify(microData);
const outputJS = `;(function(){
var m=window.micro=window.micro||{};
var c=m.subApps=m.subApps||{};
c["${this.options.microName}"]=${output};
m.subApps=c;})();`;
const tmp = compilation.assets[`${this.options.prefix}${this.options.filename}.json`] = {
source: (): string => output,
size: (): number => output.length,
};
const tmpJS = compilation.assets[`${this.options.prefix}${this.options.filename}.js`] = {
source: (): string => outputJS,
size: (): number => outputJS.length,
};
if (this.options.latest) {
compilation.assets[`${this.options.prefix}latest.json`] = tmp;
compilation.assets[`${this.options.prefix}latest.js`] = tmpJS;
}
}
}

0 comments on commit fed291e

Please sign in to comment.