-
Notifications
You must be signed in to change notification settings - Fork 0
/
webpack.config.js
58 lines (52 loc) · 1.45 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
const path = require('path');
const ENV_MODE = process.env.NODE_ENV ?? 'development';
const IS_DEV = ENV_MODE === 'development';
const IS_WATCH = (process.env.WATCH_MODE == 'true');
// The webpack base configuration for each entry
const baseConfiguration = {
node: {
__dirname: true
},
mode: ENV_MODE,
module: {
rules: [
{
test: /\.tsx?$/,
use: 'ts-loader',
},
]
},
resolve: {
extensions: ['.tsx', '.ts', '.js'],
alias: {
ui: path.resolve(__dirname, 'ui/'),
},
},
// watch options
watch: IS_WATCH,
watchOptions: {
poll: 1000, // check for changes in milliseconds.
aggregateTimeout: 500, // aggregates any changes during the period into one rebuild.
ignored: /node_modules/,
},
/**
* Source maps are used to display your original JavaScript while debugging,
* which is a lot easier to look at than minified production code.
* See more choice here https://webpack.js.org/configuration/devtool/
*/
devtool: IS_DEV ? 'eval-source-map' : 'source-map',
stats: 'normal',
bail: !IS_WATCH,
plugins: [],
};
module.exports = [
Object.assign({}, baseConfiguration, {
entry: {
main: './ui/main.ts',
},
output: {
filename: 'bundle.js',
path: path.resolve(__dirname, './ui/dist')
},
}),
];