[BUG]用 rax-scripts lineCSS 的方式打包 animate.css，在ios 上开启动画减弱的设备上会报错

[maisui99]

出问题的代码：https://github.com/raxjs/rax-scripts/blob/083d98416234e1d031c6e405d01e1fc42ac8eb6f/packages/stylesheet-loader/src/index.js#L156

inlinceCSS 的模式打包 animate.css，_styles[key] 可能为空，导致 Object.assign 报错。

打包前：

@media print, (prefers-reduced-motion: reduce) {
  .animate__animated {
    -webkit-animation-duration: 1ms !important;
    animation-duration: 1ms !important;
    -webkit-transition-duration: 1ms !important;
    transition-duration: 1ms !important;
    -webkit-animation-iteration-count: 1 !important;
    animation-iteration-count: 1 !important;
  }

  .animate__animated[class*='Out'] {
    opacity: 0;
  }
}

打包后

var i = {
        animate__animated: {
          WebkitAnimationDuration: "1ms !important",
          animationDuration: "1ms !important",
          WebkitTransitionDuration: "1ms !important",
          transitionDuration: "1ms",
          WebkitAnimationIterationCount: "1 !important",
          animationIterationCount: "1 !important"
        }, 
        "animate__animated[class*='Out']": { opacity: 0 } // 这一条在 _styles 里不存在
};

要看下为啥这条样式在打包后丢失了。

以及为了保证健壮性，建议可以加上 为空判断 || {}，来兼容不报错：

_styles[key] = Object.assign(_styles[key] || {}, ruleData[key]);