项目要做主题切换(不止颜色,包括图片),我现在的思路是:
- scss每个组件的样式写两遍(两种主题),公共组件样式也是两种,抽离出来到themes目录下;
- main初始化localStorage的 app_theme 为 white(白色主题);
- 加载时,通过路由钩子afterEach(to,from),用to和app_theme去区分,动态require哪种个组件的什么颜色的样式,如果是公共组件,通过app_theme加载全部公共样式。
- 切换时,改变Storage的app_theme并刷新当前页。
请问这个思路有什么弊端,或者哪位大神能提供更好的思路?