-
Notifications
You must be signed in to change notification settings - Fork 0
/
webpack.config.js
93 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
87
88
89
90
91
92
93
const { config } = require('dotenv');
const { join } = require('path');
const { IgnorePlugin } = require('webpack');
config();
const DIST_DIR = join(__dirname, 'dist');
const SRC_DIR = join(__dirname, 'src');
const ENV = process.env.NODE_ENV || 'development';
const PROD_ENV = ENV === 'production';
module.exports = {
mode: ENV,
entry: {
app: join(SRC_DIR, 'index.tsx'),
},
output: {
filename: 'js/[name].js',
path: DIST_DIR,
publicPath: '/',
},
resolve: {
alias: {
'@api': join(SRC_DIR, 'api'),
'@i18n': join(SRC_DIR, 'i18n'),
'@store': join(SRC_DIR, 'store'),
'@ui': join(SRC_DIR, 'ui'),
'react$': PROD_ENV ? 'react/umd/react.production.min.js' : 'react/umd/react.development.js',
'react-dom$': PROD_ENV ? 'react-dom/umd/react-dom.production.min.js' : 'react-dom/umd/react-dom.development.js',
},
extensions: [
'.ts', '.tsx',
'.js', '.jsx',
'.json',
],
},
devtool: PROD_ENV ? 'source-map' : 'cheap-module-eval-source-map',
devServer: {
clientLogLevel: 'warning',
compress: true,
contentBase: [DIST_DIR],
historyApiFallback: true,
host: '0.0.0.0',
overlay: {
errors: true,
warning: true,
},
port: parseInt(process.env.PORT, 10) || 3000,
watchContentBase: true,
},
module: {
rules: [{
enforce: 'pre',
test: /.(ts|tsx)$/,
exclude: /node_modules/,
use: [{
loader: 'tslint-loader',
options: {
emitErrors: PROD_ENV,
fix: PROD_ENV,
typeCheck: true,
},
}],
}, {
test: /.(ts|tsx)$/,
exclude: /node_modules/,
loader: 'ts-loader',
}],
},
plugins: [
new IgnorePlugin(/locale/, /moment/),
],
optimization: {
runtimeChunk: {
name: 'manifest',
},
splitChunks: {
cacheGroups: {
vendors: {
test: /node_modules/,
name: 'vendors',
chunks: 'all',
},
},
},
},
};