less - 最好的或最简单的方式来减少与Yeman的集成？

Question

我正在尝试yeoman。

我想将less集成到我的yeoman或grunt版本中。但是我还没有找到简单的方法。

我确实找到了指向yeoman-less的grunt-contrib-less存储库。但是，如果您不熟悉yeoman和grunt，则很难对该插件进行插件。难道没有比这更简单的方法，可以减少插入我的yeoman webapp中的次数，从而将较少的命令自动添加到grunt构建文件中吗？

感谢您的提示和技巧！

Answer 1

假设您使用yo webapp搭建了一个新应用并使用No回答了两个问题，那么集成LESS的最佳选择是grunt-recess，您需要首先安装它：

npm install --save-dev grunt-recess

如果您不喜欢掉毛规则，则可以customize them。随时卸载grunt-compass并将其从package.json删除。

然后，您需要用以下命令替换Gruntfile中的compass任务：

    recess: {
        options: {
            compile: true
        },
        dist: {
            files: [{
                expand: true,
                cwd: '<%= yeoman.app %>/styles',
                src: '{,*/}*.less',
                dest: '.tmp/styles/',
                ext: '.css'
            }]
        }
    }

然后，您需要用compass替换所有对recess任务的引用，以使生成的Gruntfile看起来像this one。