Collision with Bootstrap 4 on $sizes namespace

The $sizes variable in the generated output scss is colliding with the same variable name used by Bootstrap 4.

Is there a way to change variable names or at least scope the variables to a namespaces in a minor release?

[cascornelissen]

@illepic, this has been added in the 3.x release which is currently a Release Candidate, you can install this version using:

npm install svg-spritemap-webpack-plugin@next

The original issue you reported should be fixable by using the following options, the rest of your configuration might need some restructuring for this version as well so be sure to check the new documentation on options.

new SVGSpritemapPlugin({
    styles: {
        variables: {
            sizes: 'new-variable-name',
        }
    }
});

Is this something you could check? If so, I’d love to hear the results so I can finish up the upcoming major release.

[cascornelissen]

It’s coming in v3 with the styles.variables.sizes option.

If you want to you can backport the changes that’ll be in v3 to v2 but it’s not worth my own time.