how to provide independent scope for each svg component?

[huyansheng3]

in two svg file ,all define the same id ! but then later id cannot working ! so how to provider independent scope for each svg component ?

[nebaff]

id MUST be unique in all html page (or encapsutate svg in iframe)
you cannot violate this.

BUT in order to avoid problem you can use config param propsMap to revrite id to another propertyname :

 example :
  propsMap: {
                     fillRule: 'fill-rule',
                     id: 'data-id'
                 },

[huyansheng3]

ok, have solved this problem with svgo-loader.