我试图将一组.less文件连接成一个大的.less文件,然后使用Grunt的.css模块将其处理成一个大的grunt-contrib-less文件。

module.exports = function(grunt) {

    require('load-grunt-tasks')(grunt);

    grunt.initConfig({
        concurrent: {
            target1: ['concat:lesscss'],
            target2: ['less']
        },
        concat: {
            lesscss: {
                files: {
                    'server/static/css/big.less':
                        ['server/static/css/commons-reset-and-core.css',
                         'server/static/css/base.less',
                         'server/static/css/ads.less',
                         'server/static/css/ext.less']
                }
            }
        },
        less: {
            files: {
                'server/static/css/big.css':
                    'server/static/css/big.less'
            }
        }
    });

    grunt.registerTask('default', ['concurrent:target1', 'concurrent:target2']);

};


big.less已正确创建,但big.css文件未正确创建。然而,咕unt声回来了


  完成,没有错误。


我究竟做错了什么?

最佳答案

您是否尝试过将其包装如下:

less: {
    development: {
       files: {
           'server/static/css/big.css': 'server/static/css/big.less'
       }
    }
},


我认为这是必需的

关于javascript - Grunt不会处理lesscss文件,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/31155191/

10-10 05:49