This repository has been archived by the owner on May 25, 2020. It is now read-only.
-
Notifications
You must be signed in to change notification settings - Fork 298
/
webpack.config.base.js
93 lines (80 loc) · 1.93 KB
/
webpack.config.base.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
/* eslint-disable indent */
const path = require('path');
const webpack = require('webpack');
const sourceDir = path.join(__dirname, './app');
const buildDir = path.join(__dirname, './build');
// replace localhost with 0.0.0.0 if you want to access
// your app from wifi or a virtual machine
const host = process.env.HOST || 'localhost';
const port = process.env.PORT || 8000;
const protocol = process.env.PROTOCOL || 'http';
const servePath = process.env.SERVE_PATH || `${protocol}://${host}:${port}/`;
const { NODE_ENV = 'production' } = process.env;
const stats = {
assets: true,
children: false,
chunks: false,
hash: false,
modules: false,
publicPath: false,
timings: true,
version: false,
warnings: true,
colors: {
green: '\u001b[32m',
},
};
process.noDeprecation = true;
module.exports = config => ({
mode: config.mode,
optimization: config.optimization,
entry: config.entry,
module: config.module,
context: sourceDir,
output: Object.assign(
{
path: buildDir,
publicPath: servePath,
},
config.output
),
plugins: [
// setting production environment will strip out
// some of the development code from the app
// and libraries
new webpack.DefinePlugin({
'process.env': {
NODE_ENV: JSON.stringify(NODE_ENV),
},
}),
]
// join with prod/dev plugins
.concat(config.plugins)
// removed null plugins
.filter(Boolean),
resolve: {
modules: [path.resolve(__dirname, './node_modules'), sourceDir],
symlinks: false,
},
stats,
devServer: {
contentBase: sourceDir,
publicPath: '/',
historyApiFallback: {
rewrites: [{ from: /./, to: '/index.html' }],
},
headers: {
'Access-Control-Allow-Origin': '*',
},
watchOptions: {
ignored: ['node_modules', '*.svg'],
},
// hot: true,
// inline: true,
compress: false,
disableHostCheck: true,
stats,
port,
host,
},
});