Less 咕噜声、更少和文件监视

我想让格朗特做点什么。我的项目如下所示：

/app
    /assets
        /components
        /stylesheets
            /less
                /file1.less
                /file2.less
                /file3.less
                /importAll.less
            /css

我希望这样，当

file1

、

file2

或

file3

被保存时，

importAll.less

文件被编译成css并放入

/css/style.css

。这就是我所能做到的

less: {
    development: {
        options: {
            paths: ["./assets/stylesheets/less"],
            yuicompress: true
        },
        files: {
            "./assets/stylesheets/css/style.css": "./assets/stylesheets/less/importAll.less"
        }
    }
}

---

我不知道如何让文件监视程序工作。

我通过以下方式使其工作

module.exports = function(grunt) {
    grunt.initConfig({
        less: {
            development: {
                options: {
                    paths: ["./assets/stylesheets/less"],
                    yuicompress: true
                },
                files: {
                    "./assets/stylesheets/css/style.css": "./assets/stylesheets/less/style.less"
                }
            }
        },
        watch: {
            files: "./assets/stylesheets/less/*",
            tasks: ["less"]
        }
    });
    grunt.loadNpmTasks('grunt-contrib-less');
    grunt.loadNpmTasks('grunt-contrib-watch');
};

---

对于像我这样的新手来说，如果只运行

grunt

，您需要定义默认任务，比如

grunt.registerTask（'default'，'watch'）参考如何知道运行
less:development
，当您可以在
less{}
块中有多个任务时？@WillshawMedia要仅运行“development”部分，请使用
grunt less:development
grunt less
将在
less
另一个新手提示（如我）下运行-您需要停止当前的监视任务并重新启动它，以便任务更改生效（CTRL+C停止）。