Question

在我的grails 3项目中，我使用了“ com.bertramlabs.plugins：less-asset-pipeline：2.7.0”依赖项。

这是我的index.gsp页面

<!DOCTYPE html>
<html>
<head>
    <asset:stylesheet src="application.css" />
    <asset:javascript src="jquery-2.2.0.min.js" />
</head>
<body>
<div id="rectangle" class="pull-left"></div>

<div class="dropdown pull-left">
    <ul id="color-switch" >
        <li><a href="#">Red</a></li>
        <li><a href="#">Blue</a></li>
        <li><a href="#">Green</a></li>
        <li><a href="#">Magenta</a></li>
        <li><a href="#">Cyan</a></li>
        <li><a href="#">Black</a></li>
    </ul>
</div>

</body>
</html>
<script>
    $(document).ready(function () {
        $('#color-switch a').click(function() {
            var value = $(this).text();
            less.modifyVars({'rectangle-color': value});
            less.refreshStyles();
        });
    })
</script>

我已将我的style.less作为

包含在application.css中

*= require bootstrap
*= require_tree less
*= require_self

在我的浏览器中，我看到我的CSS较少运行，但是由于得到 less not defined error ，我无法动态更改较少的变量。我从gradle那里得到了2.5.0以下的文件。

如何减少物品？请帮忙！！！

如何在grails 3项目中实施ModifyVarsless方法？

0 个答案: