CSS   发布时间:2022-04-17  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了尝试将所有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']
        }
    }

问候.

大佬总结

以上是大佬教程为你收集整理的尝试将所有scss文件编译成一个css文件全部内容,希望文章能够帮你解决尝试将所有scss文件编译成一个css文件所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。
标签: