search

GitOfZGT / vite-plugin-theme-preprocessor

css theme preprocessor plugin for vite
MIT License
161 stars 15 forks source link

scss怎么好像不起作用呢 vite2.6.4 #20

Closed wishong closed 2 years ago

wishong commented 2 years ago

根据文档来的 但是感觉文档不是很清楚 麻烦看下这是为啥 QQ图片20211205215743 QQ图片20211205215825 QQ图片20211205215851

GitOfZGT commented 2 years ago

嗯可能文档描述不清楚，还需继续完善，预设主题模式需要多个变量文件，这是关键的，因为你选用的编译多份不同的主题

wishong commented 2 years ago

嗯可能文档描述不清楚，还需继续完善，预设主题模式需要多个变量文件，这是关键的，因为你选用的编译多份不同的主题

您可以提供一个scss的demo吗？我尝试增加了多个变量文件也不行。修改了您提供的less demo为scss也不生效

GitOfZGT commented 2 years ago

您可以提供一个scss的demo吗？我尝试增加了多个变量文件也不行。修改了您提供的less demo为scss也不生效

可以的，看表单效果 在线demo.
demo源码.

wishong commented 2 years ago

可以的，看表单效果 在线demo. demo源码.

是不是antd无法使用scss的方式修改了，我看您的demo element是需要先引入scss样式的。但是antd好像只提供了css和less的样式 QQ图片20211206093500

GitOfZGT commented 2 years ago

是不是antd无法使用scss的方式修改了，我看您的demo element是需要先引入scss样式的。但是antd好像只提供了css和less的样式

antd使用的less， 你想组件库用less，自己源码用scss， 两种css处理器混用吗，这种情况按理也是可以，主要是未尝试过

wishong commented 2 years ago

antd使用的less， 你想组件库用less，自己源码用scss， 两种css处理器混用吗，这种情况按理也是可以，主要是未尝试过

是的 我目前用的是antd 2.x，然后想用scss的方式去修改antd的主题，但是好像是行不通的。用less倒是可以

GitOfZGT commented 2 years ago

是的 我目前用的是antd 2.x，然后想用scss的方式去修改antd的主题，但是好像是行不通的。用less倒是可以

less+scss同时使用

wishong commented 2 years ago

less+scss同时使用

这个demo实际上还是less在起作用，把scss的配置对象注释掉，antd主题仍然会变化。但是less对象注释掉之后，antd主题就不会变化了。

GitOfZGT commented 2 years ago

这个demo实际上还是less在起作用，把scss的配置对象注释掉，antd主题仍然会变化。但是less对象注释掉之后，antd主题就不会变化了。

这是当然，两种处理器就需要两种对应的配置，能做到的也只是共用同名称的简单 变量，因为less编译不了scss，同理scss编译不了less， 将他们职责分清，less针对antd， scss 专注当前src，能做到就这些了。

wishong commented 2 years ago

这是当然，两种处理器就需要两种对应的配置，能做到的也只是共用同名称的简单 变量，因为less编译不了scss，同理scss编译不了less， 将他们职责分清，less针对antd， scss 专注当前src，能做到就这些了。

好的 非常感谢