在less和scss之间共享变量文件

在less和scss之间共享变量文件,css,sass,less,Css,Sass,Less,我有两个大型项目,每个项目都有一个相对简单的web前端,有多个主题:不同的颜色和字体。这些主题在各个项目中是相同的 其中一个项目使用SCS,另一个使用较少。我的西装也不是很结实,我不允许让他们在两个地方都穿一件或另一件。我想做的是有一个共享文件夹,每个主题有一个文件,可以保存该主题的所有变量 这将允许我避免重复,使维护稍微容易一些,同时促进两个项目之间的一致性,这两个项目之间必须有相同的颜色和字体。有没有一种相对简单的方法 您应该阅读手册和文档。您将看到SASS和LESS虽然相似,但都有不同的声

我有两个大型项目,每个项目都有一个相对简单的web前端,有多个主题:不同的颜色和字体。这些主题在各个项目中是相同的

其中一个项目使用SCS,另一个使用较少。我的西装也不是很结实,我不允许让他们在两个地方都穿一件或另一件。我想做的是有一个共享文件夹,每个主题有一个文件,可以保存该主题的所有变量

这将允许我避免重复,使维护稍微容易一些,同时促进两个项目之间的一致性,这两个项目之间必须有相同的颜色和字体。有没有一种相对简单的方法

您应该阅读手册和文档。您将看到SASS和LESS虽然相似,但都有不同的声明变量的方法。因此,将较少的文件导入到SASS文件,反之亦然,将不会产生预期的结果


我建议,因为这是一个简单的更改,将LESS文件修改为SASS文件或将SASS文件修改为LESS文件,并为您想要的内容创建基础。

您可以使用捆绑工具(如webpack)在两个应用程序中同时加载SASS和LESS。还可以通过一些额外的工作加载JSON文件。但是你最好还是坚持你目前的解决方案。@scheme你可以同时使用更少的和sass,因为最终所有的东西都只编译成css。@VaibhavSingh是的,我理解,但是,我希望在SCS中使用一些全局变量,并且只定义一次而不是重复的较少文件。@Scheme可能这可以帮助您解决问题,我知道它们使用不同的语法声明变量,但是考虑到两者的流行性,我认为有一种相对简单的方法可以在两者中使用相同的变量。我的意思是,作为构建过程的一部分,一个非常简单的脚本可以从scss文件生成更少的文件。如果还没有一种优雅的方法,我可能会这么做。简单的“查找并替换”就可以了,但既然你想要一个脚本,那就来吧: