1

我正在开发一个通用的 Web 组件，用 Polymer 包装一个基于 jquery 的网格库。如果我使用默认的shady DOM 全局设置，我发现库附带的自定义主题可以正常工作，但是在使用 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>

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

有什么建议么？

4

0 回答 0