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
|
const CompressionPlugin = require('compression-webpack-plugin');
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,
configureWebpack: (config) => {
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,
}),
);
}
},
pluginOptions: {
i18n: {
localeDir: 'locales',
enableInSFC: true,
},
},
};
|
