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
|
const CompressionPlugin = require('compression-webpack-plugin');
const webpack = require('webpack');
const LimitChunkCountPlugin = webpack.optimize.LimitChunkCountPlugin;
module.exports = {
devServer: {
server: {
type: 'https',
},
proxy: {
'/': {
target: process.env.BASE_URL,
onProxyRes: (proxyRes) => {
// This header is ignored in the browser so removing
// it so we don't see warnings in the browser console
delete proxyRes.headers['strict-transport-security'];
},
},
},
port: 8000,
},
productionSourceMap: false,
chainWebpack: (config) => {
config.resolve.alias.set('vue', '@vue/compat');
config.module
.rule('vue')
.use('vue-loader')
.tap((options) => {
options['compilerOptions'] = { compatConfig: { MODE: 2 } };
return options;
});
config.module
.rule('vue')
.use('vue-svg-inline-loader')
.loader('vue-svg-inline-loader');
config.module
.rule('ico')
.test(/\.ico$/)
.use('file-loader')
.loader('file-loader')
.options({
name: '[name].[contenthash:8].[ext]',
});
config.plugins.delete('preload');
if (process.env.NODE_ENV === 'production') {
config.plugin('html').tap((options) => {
options[0].filename = 'index.[contenthash:8].html';
return options;
});
}
},
configureWebpack: (config) => {
config.plugins.push(
new LimitChunkCountPlugin({
maxChunks: 1,
}),
);
config.optimization.splitChunks = {
cacheGroups: {
default: false,
},
};
if (process.env.NODE_ENV === 'development') {
config.devtool = 'source-map';
}
const crypto = require('crypto');
const crypto_orig_createHash = crypto.createHash;
crypto.createHash = (algorithm) =>
crypto_orig_createHash(algorithm == 'md4' ? 'sha256' : algorithm);
const envName = process.env.VUE_APP_ENV_NAME;
const hasCustomStore = process.env.CUSTOM_STORE === 'true' ? true : false;
const hasCustomRouter = process.env.CUSTOM_ROUTER === 'true' ? true : false;
const hasCustomAppNav =
process.env.CUSTOM_APP_NAV === 'true' ? true : false;
if (envName !== undefined) {
if (hasCustomStore) {
// If env has custom store, resolve all store modules. Currently found
// in src/router/index.js src/store/api.js and src/main.js
config.resolve.alias['./store$'] = `@/env/store/${envName}.js`;
config.resolve.alias['../store$'] = `@/env/store/${envName}.js`;
}
if (hasCustomRouter) {
// If env has custom router, resolve routes in src/router/index.js
config.resolve.alias['./routes$'] = `@/env/router/${envName}.js`;
}
if (hasCustomAppNav) {
// If env has custom AppNavigation, resolve AppNavigationMixin module in src/components/AppNavigation/AppNavigation.vue
config.resolve.alias['./AppNavigationMixin$'] =
`@/env/components/AppNavigation/${envName}.js`;
}
}
if (process.env.NODE_ENV === 'production') {
config.plugins.push(
new CompressionPlugin({
deleteOriginalAssets: true,
}),
);
}
config.performance = {
hints: 'warning',
maxEntrypointSize: 512000,
maxAssetSize: 512000,
};
config.optimization.runtimeChunk = false;
},
pluginOptions: {
i18n: {
localeDir: 'locales',
enableInSFC: true,
},
},
};
|
