From ecb251fa0a2a790bac137837a49a9fcba997abfb Mon Sep 17 00:00:00 2001 From: "Andrey V.Kosteltsev" Date: Mon, 4 Jul 2022 12:02:15 +0300 Subject: Enable alternative styles according to VUE_APP_ENV_NAME Signed-off-by: Andrey V.Kosteltsev --- vue.config.js | 9 +++++++++ 1 file changed, 9 insertions(+) (limited to 'vue.config.js') 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"; `; } }, -- cgit v1.2.3