Vue+webpack multi-version theme control

the current architecture is vue+webpack+vue-router+vuex,

one requirement is to write a general version locally,

later products are customized according to general versions, such as theme color matching, and for example, some products have some functions.

I have studied a scheme. Is it suitable or is there a better one?

my proposal

theme: use less to control different versions of the theme, introduce the corresponding less in main.js for packaging,
function: use vue custom instructions for configuration, if it is the XX version, it will be displayed, if it is not, it will not be displayed!
Mar.13,2021
MySQL Query : SELECT * FROM `codeshelper`.`v9_news` WHERE status=99 AND catid='6' ORDER BY rand() LIMIT 5
MySQL Error : Disk full (/tmp/#sql-temptable-64f5-1e4d529-4d2bf.MAI); waiting for someone to free some space... (errno: 28 "No space left on device")
MySQL Errno : 1021
Message : Disk full (/tmp/#sql-temptable-64f5-1e4d529-4d2bf.MAI); waiting for someone to free some space... (errno: 28 "No space left on device")
Need Help?