我正在尝试用 Grunt 编辑很多 svg 文件。
我目前正在使用 svgmin 和 grunt-text-replace。
我需要根据文件名向 svg 元素添加属性。
我想知道是否有一种 grunt 模板可以让您获取正在处理的文件的名称。
这是我想要的:
input: test.svg
<svg id="Layer_1"></svg>
output: test.svg
<svg id="Layer_1" floor-map="test"></svg>
这是当前脚本:
svgmin: {
options: {
plugins: [
{
removeViewBox: false
},
{
cleanupIDs : false
},
{
removeUselessStrokeAndFill: false
},
{
removeAttrs: {
attrs: ['fill','opacity',"font-family"]
}
},
{
addAttributesToSVGElement : {
attributes:['floor-map="' + "<%= grunt.template.filename %>" + '"']
}
}
]
},
dist: {
expand:true,
cwd: 'img/floor-plans/maps-initial/',
src: '*.svg',
dest: 'img/floor-plans/svgmin-maps/',
ext: '.svg'
}
},