-
-
Notifications
You must be signed in to change notification settings - Fork 151
/
webpack.config.js
91 lines (90 loc) · 2.57 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
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
const {
CleanWebpackPlugin
} = require("clean-webpack-plugin");
const MiniCssExtractPlugin = require("mini-css-extract-plugin");
const webpack = require("webpack");
const path = require("path");
module.exports = {
target: "web", // Our app can run without electron
entry: ["./app/src/index.tsx"], // The entry point of our app; these entry points can be named and we can also have multiple if we'd like to split the webpack bundle into smaller files to improve script loading speed between multiple pages of our app
output: {
path: path.resolve(__dirname, "app/dist"), // Where all the output files get dropped after webpack is done with them
filename: "bundle.js" // The name of the webpack bundle that's generated
},
resolve: {
fallback: {
"crypto": require.resolve("crypto-browserify"),
"buffer": require.resolve("buffer/"),
"path": require.resolve("path-browserify"),
"stream": require.resolve("stream-browserify")
}
},
module: {
rules: [{
// loads .html files
test: /\.(html)$/,
include: [path.resolve(__dirname, "app/src")],
use: {
loader: "html-loader",
options: {
sources: {
"list": [{
"tag": "img",
"attribute": "data-src",
"type": "src"
}]
}
}
}
},
// loads .js/jsx/tsx files
{
test: /\.[jt]sx?$/,
include: [path.resolve(__dirname, "app/src")],
loader: "babel-loader",
resolve: {
extensions: [".js", ".jsx", ".ts", ".tsx", ".json"]
}
},
// loads .css files
{
test: /\.css$/,
include: [
path.resolve(__dirname, "app/src"),
path.resolve(__dirname, "node_modules/"),
],
use: [
MiniCssExtractPlugin.loader,
"css-loader"
],
resolve: {
extensions: [".css"]
}
},
// loads common image formats
{
test: /\.(svg|png|jpg|gif)$/,
include: [
path.resolve(__dirname, "resources/images")
],
type: "asset/inline"
},
// loads common font formats
{
test: /\.(eot|woff|woff2|ttf)$/,
include: [
path.resolve(__dirname, "resources/fonts")
],
type: "asset/inline"
}
]
},
plugins: [
// fix "process is not defined" error;
// https://stackoverflow.com/a/64553486/1837080
new webpack.ProvidePlugin({
process: "process/browser.js",
}),
new CleanWebpackPlugin()
]
};