关于在vuex中 替换scss变量值 但无法二次渲染的问题

Question

1引入默认样式
![![
2 main.js 引入全局

3 store 中根据用户的选择将变量给 style.scss

**

问题：可以将默认或者暗色的值赋值给style.scss 但由于scss 只网页打开时进行了第一次编译,再次替换值就不会 编译了。 没有实现思路

**

Answer 1

Sunday 2021-11-24 21:12:08

你好

我理解的你的意思是希望制作暗色主题对吗？两种实现方案仅供参考：

1. 根据课程中的自定义主题的概念，提供一个主题颜色为暗色，作为初始渲染

2. 提供两套css对应两个主题，采取动态导入的 css 的方式进行渲染
   

• 提问者 隔城府窥红颜 #1

  老师您好 我以前没有写过皮肤切换。但是看到了我以前的架构师是将，scss变量定义出来，然后将主题框架的组件所拥有的样式名称绑定上设置好的变量。然后做切换的。我就是不明白变量值重新设置了但是scss不会重新渲染啊。css倒是可以😭

• Sunday #2

  对于scss来说需要通过sxss-loader解析成css
  ，然后进行写入

• Sunday #3

  Scss-loader