BundleConfig 在尝试缩小 @keyframes 时返回错误

Question

我有 scss 个使用关键帧的脚本。

BundleConfig 然后 returns 尝试缩小结果时出错 css:

Minification failed. Returning unminified contents.
(8,9984): run-time error CSS1019: Unexpected token, found '}'

这是由于这两行：

@-webkit-keyframes adjust-hue {
    0% {
        -webkit-transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
    }
}

@keyframes adjust-hue {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

如何修复它使缩小有效？

Answer 1

我通过在 webpack 中进行所有捆绑和缩小来解决它，然后在 BundleConfig 中只捆绑准备好的缩小 css 文件。这没有产生错误。

BundleConfig 在尝试缩小 @keyframes 时返回错误

BundleConfig retuns error on trying to minify @keyframes

sass

css-animations

bundling-and-minification