Question

我在使用grunt cssmin缩小多个CSS文件时遇到了问题我没有想要将所有文件缩小为单个文件。我希望文件的名称与min.css扩展名相同。

我的gruntfile.js如下。

module.exports = function (grunt) {
    grunt.initConfig({

    cssmin: {
        target: {
            files: [{ 
                src: ['assets/css/*.css', '!assets/css/*.min.css'],  // source files mask
                dest: 'assets/css/',    // destination folder
                expand: true,    // allow dynamic building
                flatten: true,   // remove all unnecessary nesting
                ext: '.min.css'   // replace .css to .min.css
            }],
            /* BELOW IS ONLY A TRICK USED TO MINIFY THE FILES SKIPPED BY THE ABOVE */
            /*files: [{ 
                src: ['assets/css/home.css', 'assets/css/institutions.css', 'assets/css/form-elements.css'],  // source files mask
                dest: 'assets/css/',    // destination folder
                expand: true,    // allow dynamic building
                flatten: true,   // remove all unnecessary nesting
                ext: '.min.css'   // replace .css to .min.css
            }],*/
        }
    }
});

grunt.loadNpmTasks('grunt-contrib-cssmin');
grunt.registerTask('default', [ 'cssmin' ]);
};

根据代码（注释掉部分除外），假设缩小所有css文件。但由于某种原因，它从目录中跳过了很少的css文件。为了缩小这些，我必须注释掉第一个files[{}]并取消注释后者。

当files[{}]都取消注释时，它不起作用。我对它发生的原因一无所知。

我的Nodejs版本是：v0.10.25

提前致谢。

注意：我曾经收到过警告和警告。由于节点版本问题，任务在grunt cssmin上中止，并通过将nvm版本降级为 nvm v0.10.39 来解决问题。感谢blindMoe for pointing the solution

Grunt CSS min - 缩小不同CSS文件的问题

0 个答案: