-
Notifications
You must be signed in to change notification settings - Fork 2
/
webpack.config.js
70 lines (69 loc) · 1.54 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
const path = require('path')
const HtmlWebpackPlugin = require('html-webpack-plugin')
const { CleanWebpackPlugin } = require('clean-webpack-plugin')
const CopyPlugin = require('copy-webpack-plugin')
module.exports = {
mode: process.env.NODE_ENV,
entry: ['react-hot-loader/patch', path.resolve(__dirname, 'src/index.js')],
output: {
path: path.resolve(__dirname, 'dist'),
filename: 'bundle.js',
publicPath: '/'
},
module: {
rules: [
{
test: /\.js$/,
exclude: /node_modules/,
use: {
loader: 'babel-loader',
options: {
presets: ['@babel/preset-env', '@babel/preset-react'],
plugins: ['react-hot-loader/babel']
}
}
},
{
test: /\.(png|jpe?g|gif)$/i,
use: [
{
loader: 'file-loader'
}
]
}
]
},
resolve: {
alias: {
'react-dom': '@hot-loader/react-dom',
'styled-components': path.resolve(
__dirname,
'node_modules',
'styled-components'
)
}
},
plugins: [
new CleanWebpackPlugin(),
new HtmlWebpackPlugin({
template: path.resolve(__dirname, 'index.html'),
favicon: path.resolve(__dirname, 'static/favicon.ico')
}),
new CopyPlugin({
patterns: [
{
from: path.resolve(__dirname, 'public/*'),
flatten: true
}
]
})
],
devServer: {
contentBase: __dirname,
compress: true,
port: 9000,
open: true,
hot: true,
host: '0.0.0.0'
}
}