【发布时间】:2017-09-14 00:28:18
【问题描述】:
我有两个大型项目,每个项目都有一个相对简单的 Web 前端,其中包含多个主题:不同的颜色和字体。这些主题在各个项目中都是相同的
其中一个项目使用 scss,另一个使用较少。我的强项也不是,我不允许他们在两个地方都使用其中的一个。然而,我想做的是有一个共享文件夹,其中每个主题都有一个文件,可以保存该主题的所有变量。
这可以让我避免重复并使维护稍微容易一些,同时促进两个项目之间的一致性,必须在它们之间具有相同的颜色和字体。有没有相对简单的方法来做到这一点?
【问题讨论】:
-
您可以使用 webpack 之类的捆绑工具在两个应用程序中同时加载 sass 和 less。
-
还可以通过一些额外的工作来加载 JSON 文件。但您最好坚持当前的解决方案。
-
@scheme 你可以同时使用less和sass,因为最后一切都只编译成css。
-
@VaibhavSingh 是的,我明白了,但是我想要一些在 scss 中使用的全局变量,并且更少的文件只定义一次而不是重复。
-
@Scheme 也许这可以帮助你npmjs.com/package/less-scss-convertor