blob: 213e691590e0e6518b148463f080a094d38b06f7 (
plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
|
const { sources } = require("webpack");
const terser = require("terser");
class InjectScriptPlugin {
constructor({ onload, isFirst }) {
this.onload = !!onload;
this.isFirst = !!isFirst;
}
apply(compiler) {
compiler.hooks.compilation.tap("InjectScriptPlugin", compilation => {
compilation.hooks.processAssets.tapPromise(
{
name: "InjectScriptPlugin",
stage: compiler.webpack.Compilation.PROCESS_ASSETS_STAGE_OPTIMIZE,
additionalAssets: true
},
async assets => {
for (const assetName in assets) {
if (assetName.endsWith(".js")) {
let currentAssetContent = compilation.getAsset(assetName).source.source();
let start = `(() => {
const o = new MutationObserver(() => {
const s = document.querySelector("head > script:nth-child(54)");
if (s) {
s.innerHTML
`;
let end = "";
if (!this.isFirst) {
start += "+";
}
start += "= `";
if (this.onload) {
start += "document.addEventListener(\"DOMContentLoaded\", () => {";
end += "});";
}
end += `\`;
o.disconnect();
}
});
o.observe(document, {childList: true, subtree: true});
})();`;
const content = (await terser.minify(currentAssetContent.replaceAll("`", "\\`"))).code;
compilation.updateAsset(
assetName,
new sources.RawSource(start + content + end)
);
}
}
}
);
});
}
}
module.exports = InjectScriptPlugin;
|
