node.js - magento2 添加新的 grunt 任务

Question

我正在尝试创建新的 grunt 任务来为 magento2 生成 Sprite 。我正在使用 grunt-spritesmith 插件。在 Gulpfile.js 中，我已将 sprite 任务映射到 JitGrunt 配置中的 grunt-spritesmith:

require('load-grunt-config')(grunt, {
    configPath: path.join(__dirname, configDir),
    init: true,
    jitGrunt: {
        staticMappings: {
            usebanner: 'grunt-banner',
            sprite: 'grunt-spritesmith'
        }
    }
});

在 dev/tools/grunt/configs 中，我制作了一个配置文件 sprite.js，其内容为:

'use strict';
module.exports = {
    sprite: {
        all: {
            src: 'app/design/frontend/vendor/default/web/images/spritesheets/*.png',
            dest: 'app/design/frontend/vendor/default/web/images/spritesheets.png',
            destCss: 'app/design/frontend/vendor/default/web/css/source/_sprites.less'
        }
    }
};

但是grunt sprite给了我

>> 未找到“ Sprite ”目标。

或者，如果在不同的配置中我能够注册 Sprite 任务，我无法使用 src、dest 和 destCss 参数传递配置。

Answer 1

您尚未包含任务名称。这有效:

'use strict';
module.exports = {
    all: {
        src: 'app/design/frontend/vendor/default/web/images/spritesheets/*.png',
        dest: 'app/design/frontend/vendor/default/web/images/spritesheets.png',
        destCss: 'app/design/frontend/vendor/default/web/css/source/_sprites.less'
    }
};