尝试将所有scss文件编译成一个css文件

前端之家收集整理的这篇文章主要介绍了尝试将所有scss文件编译成一个css文件前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

我有一个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']);

};
最佳答案
你正在看scss文件,但你的sass任务中有sass文件.

假设您使用的是sass文件,则必须将代码更改为以下内容

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

问候.

猜你在找的CSS相关文章