1

うなり声とコンパスを考えています。「grunt-contrib-compass」を使用しています。

「grunt」を実行して sass を編集すると、grunt は次のように報告します。

ファイル「css/site.sass」が変更されました。エラーなしで完了。

しかし、目的のスタイルシートが空です。

css ファイルの書き込み先を grunt に指示する構成オプションが欠落していると思います。しかし、設定を完了する方法を理解できませんでした。

これは私が持っているものです:

module.exports = function(grunt) {

    grunt.initConfig({
        pkg: grunt.file.readJSON('package.json'),


    compass : {
        dist: {
        options : {
        sassDir: 'sass',
        cssDir: 'css',
        imageDir: 'img',
        fontsDir: 'fonts',
        files : ['sass/*.sass'] ,
        watch : 'true',
        debugInfo: 'true',
        force : 'true'
        }
       }
    },

        watch: {
            sass: {
                files: ['css/*.css', '*.php', 'templates*.php'],
                tasks: ['compass']
            },

        options : {
        livereload: true,
        files: [
            'css/site.css', 'js/*.js', '*.html', 'templates/*.php',
            '*.php', 'assets/images/**/*.{png,jpg,jpeg,gif,webp,svg}'
        ]
        }
        }

    });

    grunt.loadNpmTasks('grunt-contrib-compass');
    grunt.loadNpmTasks('grunt-contrib-watch');
    grunt.registerTask('default',['watch', 'compass']);
}
4

1 に答える 1

1

ドキュメントから：

このタスクでは、Ruby、Sass、および Compass >=0.12.2 がインストールされている必要があります。OS X または Linux を使用している場合は、おそらく既に Ruby がインストールされています。ターミナルで ruby​​ -v でテストします。Ruby がインストールされていることを確認したら、gem update --system && gem install compass を実行して Compass と Sass をインストールします。

あなたがそれをしたことを確認してください。また、targetを指定していません。おそらく、設定をこれに変更するだけでうまくいくでしょう。

compass : {
    dist: {
        options : {
            sassDir: 'css',
            cssDir: 'css',
            debug: 'true'
        }
    }
},

編集：ウォッチ構成にあるものがsassターゲットをオーバーライドしている可能性があります。代わりにこれを試してください：

    watch: {
        sass: {
            files: ['sass/**/*.sass'],
            tasks: ['compass']
        },
        css: {
            options: {
                livereload: true;
            }
            files: ['css/**/*.css'],
            tasks: []
        }
    }
于 2013-10-20T10:32:27.463 に答える