-
Notifications
You must be signed in to change notification settings - Fork 1
/
webpack.config.js
73 lines (71 loc) · 1.89 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
const { CleanWebpackPlugin } = require('clean-webpack-plugin');
const path = require('path');
const HtmlWebpackPlugin = require('html-webpack-plugin');
const { getIfUtils, removeEmpty } = require('webpack-config-utils');
const ForkTsCheckerWebpackPlugin = require('fork-ts-checker-webpack-plugin');
const WebpackAssetsManifest = require('webpack-assets-manifest');
const CopyPlugin = require('copy-webpack-plugin');
const outputDir = path.join(__dirname, 'build/');
const env = process.env.NODE_ENV || 'development';
const { ifProduction, ifDevelopment } = getIfUtils(env);
module.exports = {
entry: {
app: './src/index.tsx',
},
mode: ifProduction('production', 'development'),
bail: true,
target: 'web',
output: {
path: outputDir,
publicPath: '/',
filename: ifProduction('[name].[chunkhash:8].js', '[name].js'),
},
module: {
rules: [
{
include: path.join(__dirname, 'src/'),
test: /\.(js|tsx?)$/,
loader: 'babel-loader',
},
],
},
plugins: removeEmpty([
ifDevelopment(new HtmlWebpackPlugin({
template: 'src/index.html',
inject: true,
})),
ifProduction(new CleanWebpackPlugin({
cleanOnceBeforeBuildPatterns: [
outputDir,
],
})),
new ForkTsCheckerWebpackPlugin(),
new WebpackAssetsManifest({
output: 'manifest.json',
writeToDisk: true,
}),
new CopyPlugin([
{
from: 'src/public', // Omit `to` so that it ends up in root of build/
},
]),
]),
resolve: {
extensions: ['.tsx', '.ts', '.js'],
},
devServer: {
compress: true,
contentBase: outputDir,
port: process.env.PORT,
historyApiFallback: true,
disableHostCheck: true,
host: '0.0.0.0',
proxy: {
'/api': {
target: 'http://192.168.64.6:30873'
// target: 'http://localhost:8081',
// pathRewrite: { '^/api/authn': '' }
},
},
},
};