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
Menu