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
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
|
const path = require("path");
const CopyPlugin = require("copy-webpack-plugin");
process.env.ROOT_DIR = path.resolve(__dirname, "..");
process.env.CONFIG_DIR = path.resolve(process.env.ROOT_DIR, "config");
process.env.SOURCE_DIR = path.resolve(process.env.ROOT_DIR, "src");
const CreateManifestPlugin = require(path.resolve(process.env.CONFIG_DIR, "webpack/plugins/create-manifest-webpack-plugin"));
const SanitizeScriptsImportPlugin = require(path.resolve(process.env.CONFIG_DIR, "webpack/plugins/sanitize-scripts-import-webpack-plugin"));
const InjectScriptPlugin = require(path.resolve(process.env.CONFIG_DIR, "webpack/plugins/inject-script-webpack-plugin"));
const { inlineJavascript } = require(path.resolve(process.env.CONFIG_DIR, "webpack/utils/inline-javascript"));
const { getScriptRuntimeFromType } = require(path.resolve(process.env.CONFIG_DIR, "webpack/utils/script-runtime"));
const { getFileNameHash } = require(path.resolve(process.env.CONFIG_DIR, "webpack/utils/file-name-hash"));
const scripts = require(path.resolve(process.env.SOURCE_DIR, "scripts.json"));
let scriptBuildConfigs = [];
let injectedScriptsCount = 0;
const allScripts = {
document_start: {
...(scripts.before || {}),
...(scripts.injected || {}),
...(scripts.injected_and_loaded || {})
},
document_end: scripts.rendered,
document_idle: scripts.loaded
};
for (const scriptRuntime in allScripts) {
if (allScripts[scriptRuntime]) {
const importStatements = Object.keys(allScripts[scriptRuntime]).map(script =>
`import "${path.resolve(process.env.SOURCE_DIR, "scripts", script)}";`
).join("\n");
scriptBuildConfigs.push({
entry: inlineJavascript(importStatements),
name: scriptRuntime,
mode: "production",
output: {
filename: `scripts/${getFileNameHash(Object.values(allScripts[scriptRuntime])[0])}/${scriptRuntime}.js`
},
resolve: {
extensions: ["", ".ts", ".js"],
alias: {
"@": process.env.SOURCE_DIR
}
},
module: {
rules: [
{
test: /\.tsx?$/,
loader: "ts-loader",
options: {
configFile: "config/tsconfig.json"
}
},
{
test: new RegExp(`^${path.resolve(process.env.SOURCE_DIR, "scripts")}`),
loader: path.resolve(process.env.CONFIG_DIR, "webpack/loaders/scoped-loader")
}
]
},
plugins: [
new SanitizeScriptsImportPlugin()
].concat(
scriptRuntime === "document_start"
? [new InjectScriptPlugin()]
: []
)
});
}
}
scriptBuildConfigs.push({
name: "manifest",
entry: inlineJavascript(""),
output: {
filename: `manifest.json`
},
plugins: [
new CopyPlugin({
patterns: [{
from: path.resolve(process.env.ROOT_DIR, "static"),
to: "./"
}]
}),
new CreateManifestPlugin({ scripts })
]
});
module.exports = scriptBuildConfigs;
|
