-
Notifications
You must be signed in to change notification settings - Fork 4
/
webpack.config.js
68 lines (66 loc) · 1.65 KB
/
webpack.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
const path = require("path");
const MiniCssExtractPlugin = require("mini-css-extract-plugin");
const HtmlWebpackPlugin = require("html-webpack-plugin");
const isProduction = process.env.NODE_ENV === "production";
module.exports = {
mode: isProduction ? "production" : "development",
entry: path.resolve("src/Index.bs"),
output: {
path: path.resolve("build"),
filename: isProduction
? "static/js/[name].[contenthash:8].js"
: "static/js/bundle.js",
chunkFilename: isProduction
? "static/js/[name].[contenthash:8].chunk.js"
: "static/js/[name].chunk.js"
},
module: {
rules: [
{
test: /\.css$/,
use: [
isProduction
? {
loader: MiniCssExtractPlugin.loader
}
: "style-loader",
{
loader: "css-loader",
options: {
importLoaders: 1,
sourceMap: isProduction
}
}
]
},
{
test: /\.(png|jpg|gif|svg)$/,
use: [
{
loader: require.resolve("url-loader"),
options: {
limit: 8192,
fallback: require.resolve("file-loader")
}
}
]
}
]
},
plugins: [
new HtmlWebpackPlugin({
inject: true,
template: "public/index.html"
}),
isProduction && new MiniCssExtractPlugin({
filename: "static/css/[name].[contenthash:8].css",
chunkFilename: "static/css/[name].[contenthash:8].chunk.css"
})
].filter(Boolean),
devServer: {
hot: true,
compress: true,
contentBase: "public",
watchContentBase: true
}
};