-
Notifications
You must be signed in to change notification settings - Fork 5
/
webpack.config.js
86 lines (84 loc) · 1.79 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
import webpack from 'webpack';
import path, {dirname} from 'path';
import { fileURLToPath } from 'url';
import HtmlWebpackPlugin from 'html-webpack-plugin';
import BundleAnalyzerPlugin from 'webpack-bundle-analyzer';
const __dirname = dirname(fileURLToPath(import.meta.url));
const config = {
entry: ['./client/index.js'],
output: {
path: path.resolve(__dirname, 'dist'),
filename: 'bundle.js',
},
mode: "development",
module: {
rules: [
{
test: /\.(js|jsx)$/,
use: 'babel-loader',
exclude: /node_modules/,
},
{
test: /\.css$/,
use: [
'style-loader',
{
loader: 'css-loader',
options: {
importLoaders: 1,
},
},
'postcss-loader',
],
exclude: /\.module\.css$/,
},
{
test: /\.css$/,
use: [
'style-loader',
{
loader: 'css-loader',
options: {
importLoaders: 1,
modules: true,
},
},
'postcss-loader',
],
include: /\.module\.css$/,
},
{
test: /\.svg$/,
use: 'file-loader',
},
{
test: /\.png$/,
use: [
{
loader: 'file-loader',
options: {
mimetype: 'image/png',
},
},
],
},
],
},
devServer: {
static: {
directory: './dist',
},
proxy: {'/': 'http://localhost:3000/'}
},
plugins: [
// new BundleAnalyzerPlugin.BundleAnalyzerPlugin({
// analyzerMode: 'static',
// openAnalyzer: false,
// }),
new HtmlWebpackPlugin({
title: 'Development',
template: 'client/index.html'
})
],
};
export default config;