嘗試將所有scss文件編譯成一個css文件

Question

我有一個grunt文件，但我在編譯時遇到問題。 當我觀看它似乎運行正常但不產生任何文件。

我錯過了什么？

module.exports = function(grunt) {
    grunt.initConfig({
        pngmin: {
            compile: {
                options: {
                    ext: '.png',
                    force: true,
                    speed: 3,
                    colors: 200
                },
                files: [{
                    expand: true, // required option
                    src: ['**/*.png'],
                    cwd: 'public/images/src/', // required option
                    dest: 'public/images/dist/'
                }]
            }
        },
        sass: {
            dist: {
                files: [
                    {
                        expand: true,
                        cwd: "public/sass",
                        src: ["**/*.sass"],
                        dest: "public/stylesheets",
                        ext: ".css"
                    }
                ]
            }
        },
        watch: {
            css: {
                files: '**/*.scss',
                tasks: ['sass']
            }
        }
    });


    grunt.loadNpmTasks('grunt-contrib-sass');
    grunt.loadNpmTasks('grunt-contrib-watch');
    grunt.loadNpmTasks('grunt-pngmin');
    grunt.registerTask('default', ['pngmin', 'watch', 'sass']);

};

Answer 1

你正在看scss文件，但你的sass任務中有sass文件。

假設您使用的是sass文件，則必須將代碼更改為以下內容：

    sass: {
        dist: {
            files: [
                {
                    expand: true,
                    cwd: "public/sass",
                    src: ["**/*.sass"],
                    dest: "public/stylesheets",
                    ext: ".css"
                }
            ]
        }
    },
    watch: {
        css: {
            files: '**/*.sass',
            tasks: ['sass']
        }
    }

問候。