mergeIdents

This will merge rules together that may have slightly different naming but do the same thing. Note that this is only unsafe if you rely on those animation names in JavaScript.

@keyframes fadeOut {
    from {
        opacity: 1;
    }
    to {
        opacity: 0;
    }
}
@keyframes dissolve {
    from {
        opacity: 1;
    }
    to {
        opacity: 0;
    }
}
.box {
    animation-name: dissolve;
}
@keyframes fadeOut {
    from {
        opacity: 1;
    }
    to {
        opacity: 0;
    }
}
.box {
    animation-name: fadeOut;
}

⚠ Risk of breakage

This transform may be unsafe in certain situations, because of the following condition(s):

  • Assumes concatenation
  • Changes semantics

For more information, see our advanced transforms guide.

Latest release v4.0.0-rc.0 · Changelog · Distributed under the MIT License.