-
Notifications
You must be signed in to change notification settings - Fork 0
/
webpack.server.js
209 lines (169 loc) · 6.39 KB
/
webpack.server.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
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
const path = require('path');
// const webpack = require('webpack');
const ProgressBarPlugin = require('progress-bar-webpack-plugin');
const nodeExternals = require('webpack-node-externals');
module.exports = {
entry: './server', // string | object | array
// Here the application starts executing
// and webpack starts bundling
output: {
// options related to how webpack emits results
path: path.resolve(__dirname, 'build'), // string
// the target directory for all output files
// must be an absolute path (use the Node.js path module)
filename: 'server.js', // string
// the filename template for entry chunks
publicPath: '/assets/', // string
// the url to the output directory resolved relative to the HTML page
library: 'Server', // string,
// the name of the exported library
libraryTarget: 'umd', // universal module definition
// the type of the exported library
/* Advanced output configuration (click to show) */
},
module: {
// configuration regarding modules
rules: [
// rules for modules (configure loaders, parser options, etc.)
{
test: /\.json$/,
loader: 'json-loader',
},
{
test: /\.jsx?$/,
include: [
path.resolve(__dirname, 'server'),
],
exclude: [
// path.resolve(__dirname, "app/demo-files")
],
// these are matching conditions, each accepting a regular expression or string
// test and include have the same behavior, both must be matched
// exclude must not be matched (takes preferrence over test and include)
// Best practices:
// - Use RegExp only in test and for filename matching
// - Use arrays of absolute paths in include and exclude
// - Try to avoid exclude and prefer include
// issuer: { test, include, exclude },
// conditions for the issuer (the origin of the import)
// enforce: "pre",
// enforce: "post",
// flags to apply these rules, even if they are overridden (advanced option)
loader: 'babel-loader',
// the loader which should be applied, it'll be resolved relative to the context
// -loader suffix is no longer optional in webpack2 for clarity reasons
// see webpack 1 upgrade guide
options: {
presets: ['es2015'],
},
// options for the loader
},
{
// test: /\.html$/,
//
// use: [
// apply multiple loaders and options
// "htmllint-loader",
// {
// loader: "html-loader",
// options: {
// /* ... */
// }
// }
// ]
},
// { oneOf: [ /* rules */ ] },
// only use one of these nested rules
// { rules: [ /* rules */ ] },
// use all of these nested rules (combine with conditions to be useful)
// { resource: { and: [ /* conditions */ ] } },
// matches only if all conditions are matched
// { resource: { or: [ /* conditions */ ] } },
// { resource: [ /* conditions */ ] },
// matches if any condition is matched (default for arrays)
// { resource: { not: /* condition */ } }
// matches if the condition is not matched
],
/* Advanced module configuration (click to show) */
},
resolve: {
// options for resolving module requests
// (does not apply to resolving to loaders)
modules: [
'node_modules',
path.resolve(__dirname, 'server'),
],
// directories where to look for modules
extensions: ['.js', '.json', '.jsx', '.css'],
// extensions that are used
alias: {
// a list of module name aliases
// "module": "new-module",
// alias "module" -> "new-module" and "module/path/file" -> "new-module/path/file"
// "only-module$": "new-module",
// alias "only-module" -> "new-module", but not "only-module/path/file" -> "new-module/path/file"
// "module": path.resolve(__dirname, "app/third/module.js"),
// alias "module" -> "./app/third/module.js" and "module/file" results in error
// modules aliases are imported relative to the current context
},
/* alternative alias syntax (click to show) */
/* Advanced resolve configuration (click to show) */
},
// performance: {
// hints: "warning", // enum
// maxAssetSize: 2000000, // int (in bytes),
// maxEntrypointSize: 4000000, // int (in bytes)
// assetFilter: function(assetFilename) {
// Function predicate that provides asset filenames
// return assetFilename.endsWith('.css') || assetFilename.endsWith('.js');
// }
// },
node: {
console: false,
fs: 'empty',
net: 'empty',
tls: 'empty',
},
devtool: 'source-map', // enum
// enhance debugging by adding meta info for the browser devtools
// source-map most detailed at the expense of build speed.
context: __dirname, // string (absolute path!)
// the home directory for webpack
// the entry and module.rules.loader option
// is resolved relative to this directory
target: 'node', // enum
// the environment in which the bundle should run
// changes chunk loading behavior and available modules
externals: [nodeExternals()/*"react", /^@angular\//*/],
// Don't follow/bundle these modules, but request them at runtime from the environment
stats: 'detailed',
// lets you precisely control what bundle information gets displayed
// devServer: {
// proxy: { // proxy URLs to backend development server
// '/api': 'http://localhost:3000'
// },
// contentBase: path.join(__dirname, 'public'), // boolean | string | array, static file location
// compress: true, // enable gzip compression
// historyApiFallback: true, // true for app.html upon 404, object for multiple paths
// hot: true, // hot module replacement. Depends on HotModuleReplacementPlugin
// https: false, // true for self-signed, object for cert authority
// noInfo: true, // only errors & warns on hot reload
// ...
// },
//
plugins: [
new ProgressBarPlugin(),
// new webpack.optimize.CommonsChunkPlugin({
// name: 'vendor',
// filename: 'vendor-[hash].min.js',
// }),
// new webpack.optimize.UglifyJsPlugin({
// compress: {
// warnings: false,
// drop_console: false,
// }
// }),
],
// list of additional plugins
/* Advanced configuration (click to show) */
};