-
Notifications
You must be signed in to change notification settings - Fork 0
/
webpack.config.js
103 lines (91 loc) · 1.99 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
94
95
96
97
98
99
100
101
102
103
const path = require('path');
const HtmlWebpackPlugin = require('html-webpack-plugin');
const TerserPlugin = require('terser-webpack-plugin');
const CompressionPlugin = require('compression-webpack-plugin');
const mode = process.env.NODE_ENV || "production";
console.log('Running in ' + mode);
module.exports = {
mode,
// Enable sourcemaps for debugging webpack's output.
devtool: "source-map",
resolve: {
extensions: [".js", ".jsx", ".ts", ".tsx"]
},
module: {
rules: [
{
test: /\.ts(x?)$/,
exclude: /node_modules/,
use: [
{
loader: "babel-loader"
},
]
},
{
test: /\.svg(\?v=\d+\.\d+\.\d+)?$/,
use: [
{
loader: "babel-loader"
},
{
loader: "react-svg-loader",
options: {
jsx: true
}
}
],
},
{
enforce: "pre",
test: /\.js$/,
loader: "source-map-loader"
}
]
},
devServer: {
contentBase: path.join(__dirname, 'dist'),
compress: true,
port: 9001,
historyApiFallback: true,
proxy: {
'/api/v1': 'http://localhost:8001/'
}
},
output: {
path: path.resolve(__dirname, './dist'),
filename: 'pixiendixie.js'
},
plugins: [
new HtmlWebpackPlugin({
title: "Pixie & Dixie - the ultimate image search!",
meta: {
viewport: 'width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1'
}
}),
new CompressionPlugin({
filename: '[path].gz[query]',
})
],
performance: {
hints: false,
},
};
if(mode === "production") {
module.exports.optimization = {
minimize: true,
minimizer: [new TerserPlugin({
parallel: true,
extractComments: false,
terserOptions: {
ecma: 6,
warnings: false,
mangle: true,
compress: true,
output: {
comments: false,
},
},
})]
}
}