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
|
const CompressionPlugin = require('compression-webpack-plugin');
const webpack = require('webpack');
const LimitChunkCountPlugin = webpack.optimize.LimitChunkCountPlugin;
module.exports = {
css: {
loaderOptions: {
sass: {
prependData: () => {
const envName = process.env.VUE_APP_ENV_NAME;
const hasCustomStyles =
process.env.CUSTOM_STYLES === 'true' ? true : false;
if (hasCustomStyles && envName !== undefined) {
// If there is an env name defined, import Sass
// overrides.
// It is important that these imports stay in this
// order to make sure enviroment overrides
// take precedence over the default BMC styles
return `
@import "@/assets/styles/bmc/helpers";
@import "@/env/assets/styles/_${envName}";
@import "@/assets/styles/bootstrap/_helpers";
`;
} else {
// Include helper imports so single file components
// do not need to include helper imports
// BMC Helpers must be imported before Bootstrap helpers to
// take advantage of Bootstrap's use of the Sass !default
// statement. Moving this helper after results in Bootstrap
// variables taking precedence over BMC's
return `
@import "@/assets/styles/bmc/helpers";
@import "@/assets/styles/bootstrap/_helpers";
`;
}
},
},
},
},
devServer: {
https: true,
proxy: {
'/': {
target: process.env.BASE_URL,
headers: {
Connection: 'keep-alive',
},
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.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]',
});
},
configureWebpack: (config) => {
config.plugins.push(
new LimitChunkCountPlugin({
maxChunks: 1,
}),
);
config.optimization.splitChunks = {
cacheGroups: {
default: false,
},
};
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,
},
},
};
|
