-
Notifications
You must be signed in to change notification settings - Fork 0
/
webpack.config.js
111 lines (110 loc) · 2.66 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
104
105
106
107
108
109
110
111
const { resolve } = require('path');
const webpack = require('webpack');
const HtmlWebpackPlugin = require('html-webpack-plugin');
const { BundleAnalyzerPlugin } = require('webpack-bundle-analyzer');
const devPort = 8080;
module.exports = env => {
const config = {
entry: {
app: [
'react-hot-loader/patch',
`webpack-dev-server/client?http://localhost:${devPort}/`,
'webpack/hot/only-dev-server',
resolve(__dirname, 'app/index.jsx'),
],
},
output: {
path: resolve(__dirname, 'dist'),
filename: `assets/js/[name]-bundle.js`,
publicPath: '/dist/',
pathinfo: true,
},
devtool: 'cheap-module-eval-source-map',
devServer: {
hot: true,
port: devPort,
historyApiFallback: true,
publicPath: '/dist/',
},
resolve: {
extensions: ['.json', '.js', '.jsx'],
},
stats: {
colors: true,
reasons: true,
},
module: {
rules: [
{
test: /\.(js|jsx)$/,
include: [
resolve(__dirname, 'app'),
resolve('node_modules/preact-compat/src'),
],
use: 'babel-loader',
},
{
test: /\.css$/,
include: resolve(__dirname, 'app/css'),
use: [
'style-loader',
{
loader: 'css-loader',
options: {
url: false,
},
},
],
},
],
},
plugins: [
new HtmlWebpackPlugin({
template: resolve(__dirname, 'app/index.html'),
}),
],
};
// Production configurations
if (env.prod) {
config.plugins.push(
new webpack.DefinePlugin({
'process.env': {
NODE_ENV: '"production"',
},
}),
new webpack.optimize.CommonsChunkPlugin({
name: 'manifest',
children: true,
async: true,
minChunk: 2,
}),
new BundleAnalyzerPlugin()
);
delete config.devServer;
delete config.devtool;
config.entry = { app: resolve(__dirname, 'app/index.jsx') };
config.output.pathinfo = false;
config.stats.chunks = false;
config.resolve.alias = {
react: 'preact-compat',
'react-dom': 'preact-compat',
};
}
// Serverside Rendering configurations
if (env.devnode) {
config.entry = {
app: [
'webpack-hot-middleware/client?path=/__webpack_hmr&timeout=20000',
resolve(__dirname, 'app/index.jsx'),
],
};
}
// Development configurations
if (env.dev) {
config.plugins.unshift(
new webpack.HotModuleReplacementPlugin(),
new webpack.NamedModulesPlugin()
);
}
return config;
};