diff options
| -rw-r--r-- | src/App.vue | 2 | ||||
| -rw-r--r-- | vue.config.js | 9 |
2 files changed, 10 insertions, 1 deletions
diff --git a/src/App.vue b/src/App.vue index fc04b70b..d2878946 100644 --- a/src/App.vue +++ b/src/App.vue @@ -32,5 +32,5 @@ export default { </script> <style lang="scss"> -@import '@/assets/styles/_obmc-custom'; +/* Empty SCSS code: use prependData() */ </style> diff --git a/vue.config.js b/vue.config.js index de0ad12a..ff2de366 100644 --- a/vue.config.js +++ b/vue.config.js @@ -1,5 +1,7 @@ const CompressionPlugin = require('compression-webpack-plugin'); +const Fs = require('fs'); + module.exports = { css: { loaderOptions: { @@ -8,16 +10,22 @@ module.exports = { const envName = process.env.VUE_APP_ENV_NAME; const hasCustomStyles = process.env.CUSTOM_STYLES === 'true' ? true : false; + var themeName; 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 + themeName = envName; + if( ! Fs.existsSync('./src/assets/styles/_obmc-' + envName + '.scss') ) { + themeName = "custom"; + } return ` @import "@/assets/styles/bmc/helpers"; @import "@/env/assets/styles/_${envName}"; @import "@/assets/styles/bootstrap/_helpers"; + @import "@/assets/styles/_obmc-${themeName}"; `; } else { // Include helper imports so single file components @@ -30,6 +38,7 @@ module.exports = { return ` @import "@/assets/styles/bmc/helpers"; @import "@/assets/styles/bootstrap/_helpers"; + @import "@/assets/styles/_obmc-custom"; `; } }, |