vue+webpack+sass怎样做动态切换皮肤

Question

新项目准备使用vue+webpack，现在有个需求是，整站有一个切换皮肤的功能，比如是一个下拉框，让你选择切换的皮肤，选择后整站就换肤。
想请问一下应该怎样做？

Answer 1

如果只是每个元素样式变化，则每个需要变换样式的元素均应用一个主题类，绑定到不同主题。类似于：
<div class="theme-a navbar">...</div>

如果除了元素样式变化还有布局变化，则分别创建组件，组件名后加主题后缀，用动态组件实现切换。

Answer 2

首先应该明白：浏览器只认css，所以一切最终还是通过改变css达到一键换肤的功能，so
使用sass、less等预编译语言，将项目中的颜色全部通过变量控制，改变一个变量即改变所有的颜色;
第一步说起来简单，但对于不熟悉和不经常这么做的，改变的过程是很痛苦和漫长的，同样，我也认为这是最关键的一步;
less有浏览器支持众所周知，其实sass也有，请google，然后使用他们提供的API编译成css即可;
通过http通知后台编译css然后应用后台传过来的css;

Answer 3

只要用的是webpack构建，基本上都可以用webpack-theme-color-replacer这个插件实现动态换肤（支持任意颜色）：
动态切换主题色

Answer 4

找到解决方案了吗