支持阴暗的dom和阴影dom

Question

我正在使用通用Web组件，使用Polymer包装基于jquery的网格库。我发现如果使用默认的shady DOM global setting，库附带的自定义主题可以正常工作，但是在使用shadow DOM时需要进行大量调整才能使它们正常工作。

问题是如何最好地支持两者？

天真地，我希望像这个伪标记一样起作用：

<link if="shadowDom" rel="import" href="css/shadowDomStyles.html">
<dom-module id="my-grid">
  <template>
      <link if="shadyDom" rel="stylesheet" href="css/shadyDomStyles.css" type="text/css"/>
      <style if="shadowDom" include="shadow-dom-styles"></style>

   </template>
</dom-module>

我只想要全局设置所需的文件，因此如果启用了阴影dom，则不会请求shadyDomStyles.css，如果启用了shady dom，则不会请求shadowDomStyles.html。

有什么建议吗？