Question

我的文件较少依赖于许多变量，例如：

@fontRegular:       "AvenirNextCondensed-Regular";

类可以使用这些变量，如下所示：

.thisClass {
   font-family: @fontRegular;
}

正如您所料，我需要即时回复。

主题本身重新定义了这些变量，如下所示：

@fontRegular:       "HelveticaNeue";

我怎样才能减少重新分配所有内容（我的意思是我的文件较少）以及如何首先更改变量？

Answer 1

简单地从您的javascript（在这种情况下，从我的控制器中调用）中调用较少的内容，如下所示：

    less.modifyVars(
        $scope.config.fontStyleHelveticaNeue? {
            '@fontRegular':     "HelveticaNeue",
            '@fontUltraLight':  "HelveticaNeue-UltraLight",
            '@fontDemiBold':    "HelveticaNeue-CondensedBold"
        }
        : {
            '@fontRegular':     "AvenirNextCondensed-Regular",
            '@fontUltraLight':  "AvenirNextCondensed-UltraLight",
            '@fontDemiBold':    "AvenirNextCondensed-DemiBold"
        }
    );

在上面的例子中，所有@ -prefixed字是我更新的较少变量（实际上，有两个设置）。 Less将自动重建所有css。

lesscss：如何从javascript重新分析一切？

1 个答案: