1const CompressionPlugin = require('compression-webpack-plugin'); 2 3module.exports = { 4 css: { 5 loaderOptions: { 6 sass: { 7 prependData: () => { 8 const envName = process.env.VUE_APP_ENV_NAME; 9 const hasCustomStyles = 10 process.env.CUSTOM_STYLES === 'true' ? true : false; 11 if (hasCustomStyles && envName !== undefined) { 12 // If there is an env name defined, import Sass 13 // overrides. 14 // It is important that these imports stay in this 15 // order to make sure enviroment overrides 16 // take precedence over the default BMC styles 17 return ` 18 @import "@/assets/styles/bmc/helpers"; 19 @import "@/env/assets/styles/_${envName}"; 20 @import "@/assets/styles/bootstrap/_helpers"; 21 `; 22 } else { 23 // Include helper imports so single file components 24 // do not need to include helper imports 25 26 // BMC Helpers must be imported before Bootstrap helpers to 27 // take advantage of Bootstrap's use of the Sass !default 28 // statement. Moving this helper after results in Bootstrap 29 // variables taking precedence over BMC's 30 return ` 31 @import "@/assets/styles/bmc/helpers"; 32 @import "@/assets/styles/bootstrap/_helpers"; 33 `; 34 } 35 }, 36 }, 37 }, 38 }, 39 devServer: { 40 https: true, 41 proxy: { 42 '/': { 43 target: process.env.BASE_URL, 44 headers: { 45 Connection: 'keep-alive', 46 }, 47 onProxyRes: (proxyRes) => { 48 // This header is ignored in the browser so removing 49 // it so we don't see warnings in the browser console 50 delete proxyRes.headers['strict-transport-security']; 51 }, 52 }, 53 }, 54 port: 8000, 55 }, 56 productionSourceMap: false, 57 configureWebpack: (config) => { 58 const crypto = require('crypto'); 59 const crypto_orig_createHash = crypto.createHash; 60 crypto.createHash = (algorithm) => 61 crypto_orig_createHash(algorithm == 'md4' ? 'sha256' : algorithm); 62 63 const envName = process.env.VUE_APP_ENV_NAME; 64 const hasCustomStore = process.env.CUSTOM_STORE === 'true' ? true : false; 65 const hasCustomRouter = process.env.CUSTOM_ROUTER === 'true' ? true : false; 66 const hasCustomAppNav = 67 process.env.CUSTOM_APP_NAV === 'true' ? true : false; 68 69 if (envName !== undefined) { 70 if (hasCustomStore) { 71 // If env has custom store, resolve all store modules. Currently found 72 // in src/router/index.js src/store/api.js and src/main.js 73 config.resolve.alias['./store$'] = `@/env/store/${envName}.js`; 74 config.resolve.alias['../store$'] = `@/env/store/${envName}.js`; 75 } 76 if (hasCustomRouter) { 77 // If env has custom router, resolve routes in src/router/index.js 78 config.resolve.alias['./routes$'] = `@/env/router/${envName}.js`; 79 } 80 if (hasCustomAppNav) { 81 // If env has custom AppNavigation, resolve AppNavigationMixin module in src/components/AppNavigation/AppNavigation.vue 82 config.resolve.alias['./AppNavigationMixin$'] = 83 `@/env/components/AppNavigation/${envName}.js`; 84 } 85 } 86 87 if (process.env.NODE_ENV === 'production') { 88 config.plugins.push( 89 new CompressionPlugin({ 90 deleteOriginalAssets: true, 91 }), 92 ); 93 } 94 }, 95 pluginOptions: { 96 i18n: { 97 localeDir: 'locales', 98 enableInSFC: true, 99 }, 100 }, 101}; 102