vue + element-ui 项目换肤

Question

1. 项目默认是白天，需要一套夜间模式，换肤包括element-ui+自定义样式，已经准备好两套；
2. 使用sass编写的，放到线上，用户能手动切换日，夜主题；

已经想到的：

准备light-color.scss,night-color.scss，在里面写好两套颜色，导入variable.scss，各个页面引入variable色号，生成两套css文件，然后用户切换时，通过js切换link的href来切换主题。

但实际操作出现问题：怎么手动打包项目，让它打包出两套css。

或许还有更好的办法？

Answer 1

这是源码 https://blog.csdn.net/qq_3234...

Answer 2

可以用命令主题工具

http://element.eleme.io/#/zh-...

生成的文件目录下会有整体样式的 css 文件，只需要按需生成两份上传到 cdn 或者服务器

只需要切换 url 就可以了

Answer 3

https://segmentfault.com/a/11...
只替换颜色值