-
Notifications
You must be signed in to change notification settings - Fork 68
/
webpack.config.js
95 lines (91 loc) · 2.59 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
const path = require('path');
const webpack = require('webpack');
const { CleanWebpackPlugin } = require('clean-webpack-plugin');
const CopyWebpackPlugin = require('copy-webpack-plugin');
const HtmlWebpackPlugin = require('html-webpack-plugin');
const { WebpackManifestPlugin } = require('webpack-manifest-plugin');
const WorkboxPlugin = require('workbox-webpack-plugin');
const MonacoWebpackPlugin = require('monaco-editor-webpack-plugin');
const env = process.env.NODE_ENV || 'production';
const baseConfig = {
devServer: {
static: './dist',
hot: true,
historyApiFallback: true,
port: 8567,
},
entry: './src/index.js',
output: {
path: path.resolve('./dist'),
filename: '[name]-[contenthash].js',
chunkFilename: '[name]-[chunkhash].js',
publicPath: '/',
},
resolve: {
extensions: ['.js', '.json'],
},
plugins: [
new CleanWebpackPlugin(),
new CopyWebpackPlugin({
patterns: [
{
from: './public',
globOptions: { ignore: ['**/*.html'] },
},
],
}), // SSR will generate our html string.
new MonacoWebpackPlugin({ languages: ['javascript'] }),
new WebpackManifestPlugin({ fileName: 'webpack-manifest.json' }),
],
module: {
rules: [
{
test: /\.js$/,
include: [
path.resolve(__dirname, 'src'),
// the following modules contain un-transpiled es6 code
path.resolve(__dirname, 'node_modules/regexpu-core'),
path.resolve(__dirname, 'node_modules/unicode-match-property'),
],
loader: 'babel-loader',
},
{
test: /\.css$/,
use: ['style-loader', 'css-loader'],
},
],
},
};
if (env === 'production') {
baseConfig.plugins.push(
new WorkboxPlugin.GenerateSW({
// these options encourage the ServiceWorkers to get in there fast
// and not allow any straggling "old" SWs to hang around
clientsClaim: true,
skipWaiting: true,
}),
);
baseConfig.optimization = {
splitChunks: {
chunks: 'all',
cacheGroups: {
grommet: {
test: /[\\/]node_modules[\\/]grommet/,
name: 'grommet',
priority: -10,
},
},
name: (module, chunks, cacheGroupKey) => {
const allChunksNames = chunks.map((chunk) => chunk.name).join('~');
const prefix =
cacheGroupKey === 'defaultVendors' ? 'vendors' : cacheGroupKey;
return `${prefix}~${allChunksNames}`;
},
},
};
} else {
baseConfig.plugins.push(
new HtmlWebpackPlugin({ template: 'public/index.html' }),
);
}
module.exports = baseConfig;