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
|
const fs = require("fs");
const path = require("path");
const SanitizeScriptsImportPlugin = require("../plugins/sanitize-scripts-import-webpack-plugin");
const InjectScriptPlugin = require("../plugins/inject-script-webpack-plugin");
const inlineJavascript = require("./inline-javascript");
const scripts = require(path.resolve(process.env.SOURCE_DIR, "scripts.json"));
const getImportStatementForScript = script => {
const importPath = path.resolve(process.env.SOURCE_DIR, "scripts", script);
return `import "${importPath}";`;
};
const getVirtualEntry = scriptType => {
const importStatements = Object.keys(scripts[scriptType]).map(getImportStatementForScript).join("\n");
return inlineJavascript(importStatements);
}
let injectedScriptsCount = 0;
const generateScriptBuildConfig = scriptType => {
return {
entry: getVirtualEntry(scriptType),
name: scriptType,
mode: "production",
output: {
filename: `${scriptType}.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(
scriptType.startsWith("injected")
? [new InjectScriptPlugin({
onload: scriptType === "injected_and_loaded",
isFirst: injectedScriptsCount++ <= 0
})]
: []
)
};
};
module.exports = generateScriptBuildConfig;
|
