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 onProxyRes: (proxyRes) => { 45 // This header is ignored in the browser so removing 46 // it so we don't see warnings in the browser console 47 delete proxyRes.headers['strict-transport-security']; 48 }, 49 }, 50 }, 51 port: 8000, 52 }, 53 productionSourceMap: false, 54 configureWebpack: (config) => { 55 const envName = process.env.VUE_APP_ENV_NAME; 56 const hasCustomStore = process.env.CUSTOM_STORE === 'true' ? true : false; 57 const hasCustomRouter = process.env.CUSTOM_ROUTER === 'true' ? true : false; 58 const hasCustomAppNav = 59 process.env.CUSTOM_APP_NAV === 'true' ? true : false; 60 61 if (envName !== undefined) { 62 if (hasCustomStore) { 63 // If env has custom store, resolve all store modules. Currently found 64 // in src/router/index.js src/store/api.js and src/main.js 65 config.resolve.alias['./store$'] = `@/env/store/${envName}.js`; 66 config.resolve.alias['../store$'] = `@/env/store/${envName}.js`; 67 } 68 if (hasCustomRouter) { 69 // If env has custom router, resolve routes in src/router/index.js 70 config.resolve.alias['./routes$'] = `@/env/router/${envName}.js`; 71 } 72 if (hasCustomAppNav) { 73 // If env has custom AppNavigation, resolve AppNavigationMixin module in src/components/AppNavigation/AppNavigation.vue 74 config.resolve.alias[ 75 './AppNavigationMixin$' 76 ] = `@/env/components/AppNavigation/${envName}.js`; 77 } 78 } 79 80 if (process.env.NODE_ENV === 'production') { 81 config.plugins.push( 82 new CompressionPlugin({ 83 deleteOriginalAssets: true, 84 }) 85 ); 86 } 87 }, 88 pluginOptions: { 89 i18n: { 90 localeDir: 'locales', 91 enableInSFC: true, 92 }, 93 }, 94}; 95