forked from vstconsulting/vstutils
-
Notifications
You must be signed in to change notification settings - Fork 0
/
webpack.config.js
150 lines (142 loc) · 3.83 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
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
const webpack = require("webpack");
const TerserPlugin = require("terser-webpack-plugin");
const OptimizeCSSAssetsPlugin = require("optimize-css-assets-webpack-plugin");
const { BundleAnalyzerPlugin } = require("webpack-bundle-analyzer");
const { CleanWebpackPlugin } = require("clean-webpack-plugin");
const VueLoaderPlugin = require("vue-loader/lib/plugin");
const CopyPlugin = require("copy-webpack-plugin");
require("dotenv").config();
const ENV = process.env.APP_ENV;
const isProd = ENV === "prod";
const enableAnalyzer = process.env.BUNDLE_ANALYZER === "true";
const KB = 1024;
const entrypoints_dir = __dirname + "/frontend_src";
function setMode() {
if (isProd) {
return "production";
} else {
return "development";
}
}
function workboxCopyPattern(moduleName) {
return {
from: `node_modules/${moduleName}/build/${moduleName}.prod.js`,
to: `workbox/${moduleName}.prod.js`
}
}
const config = {
mode: setMode(),
entry: {
'app_loader': entrypoints_dir + "/app_loader/index.js",
'spa': entrypoints_dir + "/spa.js",
'doc': entrypoints_dir + "/doc.js",
'auth': entrypoints_dir + "/auth.js",
'tests': entrypoints_dir + "/tests/index.js"
},
output: {
path: __dirname + "/vstutils/static/bundle",
filename: "[name].js",
chunkFilename: "[name].chunk.js",
publicPath: "/static/bundle/",
library: "[name]",
libraryTarget: 'window'
},
plugins: [
new webpack.ProvidePlugin({
$: 'jquery',
jQuery: 'jquery'
}),
new webpack.IgnorePlugin(/^\.\/locale$/, /moment$/),
new CleanWebpackPlugin(),
new VueLoaderPlugin(),
new CopyPlugin({
patterns: [
{ from: "node_modules/workbox-sw/build/workbox-sw.js", to: "workbox/workbox-sw.js" },
workboxCopyPattern("workbox-core"),
workboxCopyPattern("workbox-precaching"),
workboxCopyPattern("workbox-routing"),
workboxCopyPattern("workbox-strategies"),
]
})
],
resolve: {
alias: {
vue$: "vue/dist/vue.esm.js",
},
extensions: [".tsx", ".ts", ".js", ".vue"]
},
module: {
rules: [
{
test: /\.js$/,
loader: "babel-loader",
exclude: [/node_modules/]
},
{
test: /\.((css)|(scss))$/i,
use: ["style-loader", "css-loader", "sass-loader"]
},
{
test: /.woff2$/,
use: {
loader: "url-loader",
options: {
limit: 100 * KB
}
}
},
{
test: /.(png|jpg|jpeg|gif|svg|woff|ttf|eot)$/,
use: {
loader: "url-loader",
options: {
limit: 10 * KB
}
}
},
{
test: /\.vue$/,
loader: "vue-loader"
}
]
},
optimization: {
chunkIds: "natural",
splitChunks: {
// Do not split app_loader and tests
chunks: function(chunk) {
return !['app_loader', 'tests'].includes(chunk.name);
},
maxInitialRequests: 10,
// https://webpack.js.org/plugins/split-chunks-plugin/#splitchunkscachegroups
cacheGroups: {
// Disable default vendors cache group
defaultVendors: false,
// Setup default cache group for everything
default: {
automaticNamePrefix: "",
priority: 0
},
// Setup cache group 'vstutils' with higher priority then 'default' group so
// everything under /frontend_src/vstutils/ will go in one 'vstutils.chunk.js' chunk.
vstutils: {
name: "vstutils",
test: /frontend_src\/vstutils\//,
priority: 10,
enforce: true
}
}
},
minimize: true,
minimizer: [
new TerserPlugin({
parallel: true
}),
new OptimizeCSSAssetsPlugin()
]
}
};
if (enableAnalyzer) {
config.plugins.push(new BundleAnalyzerPlugin());
}
module.exports = config;