0

我的咕噜声文件看起来像：

module.exports = function( grunt ) {

grunt.initConfig({
    svg_sprite      : {
        options     : {
        },
        your_target : {
            expand      : true,
            src         : [ 
                            'A-checkmarkblack.svg',
                            'B-checkmarkpurple.svg',
                            'C-checkmarkwhite.svg',
                            'D-emptyheart.svg',
                            'E-message.svg',
                            'F-heartIcon.svg',
                            'G-share-alt.svg',
                            'H-tag.svg',
                            'I-camera.svg',
                            'J-down.svg',
                            'K-up.svg',
                        ],
            dest        : 'images',
            options: {
                shape: {
                    dimension: {
                        maxWidth: 200,
                        maxHeight: 60
                    },
                    spacing : {
                        padding: 2
                    },
                }, 
                mode: {
                    css     : {
                        bust: false,
                        layout: "horizontal"
                    },


                },
            }
        }
    }
});

grunt.loadNpmTasks('grunt-svg-sprite');
grunt.registerTask("default", ["svg_sprite"]);

};

如果您看到 SVG 图标的名称，我已使用 A、B、C 等来命名它们。Grunt-SVG-Sprite 通过按字母顺序获取图标名称来制作精灵。因此，我添加 A、B、C.. 的原因是，如果我添加更多图标，我会将它们包含为 K、L.. 以便它们最后附加到现有精灵中，而不干扰现有图标及其背景特性。如何确保添加到我的文件夹中的新图标只会添加到最后？

编辑：解决了第二个问题（见我的评论）：

第二个问题是生成的精灵的名称。根据当前的 grunt 文件，它会生成sprite.css.svg。我想将其命名为 MyIcons.svg，我该怎么做？

4

0 回答 0