vue+webpack 多版本主题控制

Question

目前架构为：vue+webpack+vue-router+vuex，

有一个需求是，本地编写一套通用版本，

后期产品根据通用版本定制，例如主题配色，再例如部分功能有的产品有...

我研究了1种方案，请问是否合适，或有更好的方案吗？

我的方案

主题：使用less控制不同版本的主题，在main.js引入相应的less进行打包，
功能：使用vue自定义指令进行配置，如果是XX版本就显示，如果不是就不显示！