scss的导出变量问题

Question

老师，我有一个换肤的需求，准备通过css3的var函数来实现，下面是定义的皮肤文件
结合第一张图来看，为啥scss里面定义的变量到了js里面没有被解析成对应的颜色，而是变成了”$font-color“这样的东西呢，老师有没有什么解决方法呀
还有就是为啥用import会出现range错误，但是使用require就可以

Answer 1

张轩 2021-04-26 09:53:50

同学你好欧 第二次不让改是啥意思的呢？是 再次点击就不触发这个对应的 actions 了嘛？

删除样式可以使用 

removeProperty 方法

而且你这种方法在生产上有可能不好用吧，你require 了一个需要编译的 scss 文件，其实就完成可以使用一个 js 文件，以键值对的方式将这些变量放置，这样不是更简单吗？而且还不需要使用异步的方式。

• 提问者 有没有没被占用的昵称 #1

  非常感谢！

• 提问者 有没有没被占用的昵称 #2

  老师，我发现一个新方案，就是通过style-loader的lazyStyleTag，可以使用use和unuse方法，这样就可以控制了。
  我之前的意思是应该就是，我先设置theme1，再设置theme2，2就把1覆盖了，这样的话，再这只1也不会覆盖2，因为1已经引入了，不能再引入吧可能。
  所以我本来想能不能把引入的1给删除了。

Answer 2

提问者 有没有没被占用的昵称 2021-04-25 18:23:48

老师变量问题解决了，但是有个问题就是，改了一次红色之后，第二次就不让改了，怎么能把引入的red.scss动态删除了，然后再引入一次，有这种操作吗