-
Notifications
You must be signed in to change notification settings - Fork 1
/
webpack.config.js
118 lines (114 loc) · 3.68 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
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
const path=require('path');
const webpack=require('webpack')
const Dotenv=require("dotenv-webpack");
const CopyPlugin=require("copy-webpack-plugin");
const HtmlWebpackPlugin=require('html-webpack-plugin');
const ProgressPlugin=require('progress-webpack-plugin')
const WebpackBuildNotifierPlugin=require('webpack-build-notifier');
const { options }=require('preact');
module.exports=(env) => {
return {
mode: env.mode,
devtool: env.mode==='development'? "source-map":false,
entry: {
popup: './src/pages/PopupPage.jsx',
newtab: './src/pages/NewTabPage.jsx',
options: './src/pages/OptionsPage.jsx',
background: './src/background.js'
},
output: {
filename: '[name].js',
path: path.resolve(__dirname, 'dist'),
clean: true,
},
module: {
rules: [{
test: /\.(js|jsx)$/,
exclude: /node_modules/,
use: ['babel-loader'],
}, {
test: /\.css$/i,
use: ["style-loader", "css-loader"],
}],
},
plugins: [
new WebpackBuildNotifierPlugin({
title: "My Webpack Project",
logo: path.resolve("./img/favicon.png"),
}),
new ProgressPlugin(true),
new Dotenv(),
new webpack.DefinePlugin({
'process.env.NODE_DEBUG': JSON.stringify('development'),
}),
new CopyPlugin({
patterns: [{
from: "public"
}, {
from: "icons"
},
],
}),
new HtmlWebpackPlugin({
chunks: ['newtab'],
template: 'template.html',
filename: 'newtab.html'
}),
new HtmlWebpackPlugin({
chunks: ['popup'],
template: 'template.html',
filename: 'popup.html'
}),
new HtmlWebpackPlugin({
chunks: ['options'],
template: 'template.html',
filename: 'options.html'
}),
new webpack.ProvidePlugin({
process: require.resolve('process/browser'),
Buffer: ["buffer", "Buffer"],
}),
],
watch: env.mode==='development',
watchOptions: {
aggregateTimeout: 500,
ignored: './node_modules/',
},
resolve: {
alias: {
process: require.resolve('process/browser'),
react: 'preact/compat',
'react-dom': 'preact/compat',
},
fallback: {
stream: require.resolve("stream-browserify"),
https: require.resolve("https-browserify"),
http: require.resolve("stream-http"),
util: require.resolve("util/"),
url: require.resolve("url/"),
buffer: require.resolve("buffer/"),
child_process: false,
zlib: false,
path: false,
fs: false,
tls: false,
net: false,
assert: false,
crypto: false,
querystring: false,
}
},
optimization: {
concatenateModules: false,
chunkIds: false,
minimize: false,
mangleExports: false,
mergeDuplicateChunks: false,
},
performance: {
maxAssetSize: 3000000,
maxEntrypointSize: 3000000,
hints: "warning"
}
}
};