web-dev-qa-db-ja.com

Grunt、Less、およびFile Watching

私は何かをするためにうなり声を上げさせようとしています。私のプロジェクトは次のようになります：

/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"
        }
    }
}

File Watcherを動作させる方法がわかりません。

lessgruntjs
28
ThomasReggi

私はそれを以下で動作させました！

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');
};
54
ThomasReggi