-
Notifications
You must be signed in to change notification settings - Fork 0
/
webpack.config.js
86 lines (84 loc) · 2.05 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
const path = require("path");
const webpack = require("webpack");
const sveltePreprocess = require("svelte-preprocess");
const HtmlWebpackPlugin = require("html-webpack-plugin");
const TerserPlugin = require("terser-webpack-plugin");
const mode = process.env.NODE_ENV || "development";
const production = mode === "production";
module.exports = {
entry: "./src/main.js",
resolve: {
alias: {
svelte: path.resolve("node_modules", "svelte"),
},
extensions: [".mjs", ".js", ".svelte"],
mainFields: ["svelte", "browser", "module", "main"],
fallback: {
crypto: require.resolve("crypto-browserify"),
buffer: require.resolve("buffer"),
stream: require.resolve("stream-browserify"),
},
},
output: {
library: "polkadotDonationWidget",
libraryTarget: "umd",
filename: "bundle.min.js",
globalObject: "this",
},
devServer: {
injectClient: false, // https://github.com/webpack/webpack-dev-server/issues/2484
},
module: {
rules: [
{
test: /\.m?js$/,
resolve: {
fullySpecified: false,
},
type: "javascript/auto",
},
{
test: /\.svelte$/,
use: {
loader: "svelte-loader",
options: {
emitCss: false,
hotReload: true,
preprocess: sveltePreprocess(),
},
},
},
{
test: /\.(png|svg|jpg|gif)$/,
use: ["file-loader"],
},
{
test: /\.css$/,
use: ["style-loader", "css-loader", "postcss-loader"],
},
],
},
mode: mode,
devtool: production ? false : "source-map",
optimization: {
minimize: production,
minimizer: [
new TerserPlugin({
parallel: true,
}),
],
},
plugins: [
new HtmlWebpackPlugin({
filename: "index.html",
template: path.resolve(__dirname, "public", "index.html"),
inject: "head",
}),
new webpack.DefinePlugin({
"process.browser": true,
}),
new webpack.ProvidePlugin({
Buffer: ["buffer", "Buffer"],
}),
],
};