Question

我正在弄清楚咕噜声和指南针。我正在使用'grunt-contrib-compass'。

当我运行'grunt'并编辑我的sass时，grunt报告：

文件“css / site.sass”已更改。         完成，没有错误。

但是，我的目标样式表为空。

我想我错过了一个配置选项，告诉grunt在哪里写css文件。但我无法弄清楚如何完成配置。

这就是我所拥有的：

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

Answer 1

From the docs:

此任务要求您拥有Ruby，Sass和Compass＆gt; = 0.12.2 安装。如果您使用的是OS X或Linux，那么您可能已经使用了Ruby 安装;在你的终端用ruby -v测试。当你确认你安装了Ruby，运行gem update --system＆amp;＆amp;宝石安装指南针安装Compass和Sass。

确保你已经完成了。 Also, you didn't specify a 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: []
        }
    }

咕噜声/指南针生成空目的地样式表

1 个答案: