Less 在约曼实现更少整合的最佳或最简单方法？

我正在试验

我想融入我的yeoman或grunt构建。但我还没有找到一个简单的方法

我确实找到了指向的存储库。但是如果你是新来的yeoman和grunt，这个插件很难插入。难道没有更简单的方法将less插入到我的yeoman webapp中，从而将less命令自动添加到grunt构建文件中吗

---

谢谢你的提示和技巧

假设您使用

yo webapp

构建了一个新的应用程序，并用

No

回答这两个问题，那么集成LESS的最佳选择是您首先需要安装哪个：

npm install --save-dev grunt-recess

如果你不喜欢绒线规则，你可以。请随意卸载

grunt compass

，并将其从

包.json

中删除

然后，您需要将GrunFile中的

compass

任务替换为以下内容：

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

休会：{
选项：{
编译：正确
},
地区：{
档案：[{
是的，
cwd:“/styles”，
src:'{，*/}*.less'，
目标：'.tmp/styles/'，
分机：'.css'
}]
}
}

---

然后，您需要将对

指南针

任务的所有剩余引用替换为

凹槽

，以使生成的Grunfile看起来像。

如果出现以下错误则

凹槽

的标识应该是9，而不是10。

请将

记录添加到您的grunt.registerTask中，我已将我的记录放在
自动刷新器之后

grunt.registerTask('serve', function (target) {
    if (target === 'dist') {
        return grunt.task.run(['build', 'connect:dist:keepalive']);
    }

    grunt.task.run([
        'clean:server',
        'concurrent:server',
        'autoprefixer',
        'recess',
        'connect:livereload',
        'watch'
    ]);
});

这是一个老问题，但我一直在寻找它。因此，这里有一个最新的答案：

使用Yeoman的“LESSAP”生成器，可在以下位置找到：
您使用的是您希望集成较少的特定生成器吗？那么举个例子就更容易了。目前我正在使用“yo webapp”，但我想有一个更好的生成器，请让我知道！谢谢我尝试了下面的解决方案，但无法使livereload正常工作。然而，我发现了一个专门用于引导的生成器，而且更少：谢谢你的提示。然而，当我做出这些改变时，我无法让livereload正常工作。你有类似的问题吗？（我正在运行Yeoman Webapp generator 0.2.3）@Benmj尝试最新版本，早期版本中的LivereLoad存在一些问题。我能够让它工作。我认为@passy的Gruntfile中有一个输入错误：手表配置中应该有
session:dist
而不是
session:server
。这是我的Gruntile：谢谢你，@DreamSonic。我更新了答案以链接到您的GrunFile。我已将休会任务添加到grunt文件中，但在运行grunt server时，出现以下错误：未找到“休会”目标。这是我的grunt文件：您提到的错误看起来像是jshint/jslint错误。任务的顺序不重要。