-
Notifications
You must be signed in to change notification settings - Fork 4
/
webpack-common.config.js
99 lines (93 loc) · 2.4 KB
/
webpack-common.config.js
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
94
95
96
97
98
99
const path = require("path");
const MiniCssExtractPlugin = require("mini-css-extract-plugin");
const DotenvFlow = require("dotenv-flow-webpack");
const Dotenv = require("dotenv");
const { WebpackManifestPlugin } = require("webpack-manifest-plugin");
const HtmlWebpackPlugin = require("html-webpack-plugin");
const fs = require("fs");
const rulesStyles = {
test: /\.(sa|sc|c)ss$/,
use: [
MiniCssExtractPlugin.loader,
"css-loader",
{
loader: "sass-loader",
options: {
sassOptions: {
includePaths: [path.resolve(__dirname, "./src/assets/scss")],
},
},
},
],
};
const mapFileManifest = (file) => {
file.path = `${process.env.PUBLIC_URL}/${file.path}`;
return file;
};
const serializeManifest = (seed, files, entries) => {
files = files.map(mapFileManifest);
const filesSerialized = {};
for (const file of files) {
filesSerialized[file.name] = file.path;
}
return {
files: filesSerialized,
entrypoints: entries.main,
};
};
const generateHtmlPlugins = (templateDir) => {
const directory = fs.readdirSync(path.resolve(__dirname, templateDir));
return directory
.filter((item) => /.html$/.test(item))
.map((item) => {
const parts = item.split(".");
const [name, extension] = parts;
return new HtmlWebpackPlugin({
inject: false,
filename: `documentation/${name}.html`,
template: path.resolve(
__dirname,
`${templateDir}/${name}.${extension}`,
),
});
});
};
module.exports = function (env) {
Dotenv.config({
path: path.resolve(
__dirname,
`./.env.${env.NODE_ENV ? env.NODE_ENV : "development"}`,
),
});
return {
entry: {
main: "./src/index.js",
},
plugins: [
...generateHtmlPlugins("./src/documentation/templates"),
new MiniCssExtractPlugin({
filename: "static/[name].[contenthash].css",
}),
new DotenvFlow({
node_env: env.NODE_ENV ? env.NODE_ENV : "development",
}),
new WebpackManifestPlugin({
fileName: "asset-manifest.json",
generate: serializeManifest,
}),
],
module: {
rules: [
rulesStyles,
{
test: /_head.html$/,
loader: "string-replace-loader",
options: {
search: "%PUBLIC_URL%",
replace: process.env.PUBLIC_URL,
},
},
],
},
};
};