generated from maciejkorsan/wtf-webpack-starter
-
Notifications
You must be signed in to change notification settings - Fork 0
/
webpack.common.js
120 lines (116 loc) · 2.69 KB
/
webpack.common.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
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
const HtmlWebpackPlugin = require("html-webpack-plugin");
const CopyWebpackPlugin = require("copy-webpack-plugin");
module.exports = {
/* here you can define another js file */
entry: {
index: "./src/js/index.js",
another: "./src/js/another.js",
},
output: {
filename: "[name].[hash:8].js",
path: __dirname + "/dist",
},
module: {
rules: [
{
test: [/.js$/],
exclude: /(node_modules)/,
use: {
loader: "babel-loader",
options: {
presets: ["@babel/preset-env"],
},
},
},
{
test: /\.html$/i,
loader: "html-loader",
options: {
attributes: {
list: [
{
tag: "img",
attribute: "src",
type: "src",
},
{
tag: "img",
attribute: "data-gallery-src",
type: "src",
},
],
},
},
},
{
test: /\.(png|jpe?g|gif|svg)$/i,
use: [
{
loader: "file-loader",
options: {
name: "img/[name].[hash:8].[ext]",
},
},
],
},
],
},
devServer: {
port: 8080,
},
plugins: [
new CopyWebpackPlugin({
patterns: [
{
from: "public",
globOptions: {
ignore: [
'**/*.DS_Store'
],
},
},
],
}),
/* here you can define another html file and its dependencies */
new HtmlWebpackPlugin({
template: "./src/pages/index.html",
inject: true,
chunks: ["index"],
filename: "index.html",
}),
new HtmlWebpackPlugin({
template: "./src/pages/another.html",
inject: true,
chunks: ["index", "another"],
filename: "another.html",
}),
new HtmlWebpackPlugin({
template: "./src/pages/ania.html",
inject: true,
chunks: ["index", "another"],
filename: "ania.html",
}),
new HtmlWebpackPlugin({
template: "./src/pages/index.html",
inject: true,
chunks: ["index", "another"],
filename: "index.html",
}),
new HtmlWebpackPlugin({
template: "./src/pages/notatki.html",
inject: true,
chunks: ["index", "another"],
filename: "notatki.html",
}),new HtmlWebpackPlugin({
template: "./src/pages/form.html",
inject: true,
chunks: ["index", "another"],
filename: "form.html",
}),new HtmlWebpackPlugin({
template: "./src/pages/ciekawostki.html",
inject: true,
chunks: ["index", "another"],
filename: "ciekawostki.html",
}),
],
};