Internet Explorerを対象とするカスタム要素ポリフィルはありますか？

Question

私は自分のアプリでカスタムエレメントを使用しようとしており、すべてのブラウザ（Chrome、Safari、Opera、FireFox、IE）で互換性があるようにしています。私はBabelと一緒にES6からES5にコードを移しました。

私はPolyfillsに見て、次を使用することにより、Internet Explorerのを除いて、すべてのブラウザ上でローカルサイトの作品を作ることができた：

<script src="../node_modules/webcomponents.js/webcomponents-lite.js"></script> 
<script src="../node_modules/@webcomponents/shadydom/shadydom.min.js"></script> 
script src="../node_modules/@webcomponents/custom-elements/custom-elements.min.js"></script> 

私はhttps://github.com/WebReflection/document-register-elementに見て、カスタム要素ES5アダプタましたIEはうまく動作せず、他のブラウザも動作しなくなるでしょう。

私はCross Browser Testingサイトを通じてIEをテストしており、検査時にエラーメッセージが表示されませんでした。

Answer 1

あなたはどのような要素を使用していますか？コンポーネントは、最も可能性の高いあなたのコンポーネントが彼らを意味ES6で書かれている、しかし...

をサポートされているだけのものを使用している場合はIE11でうまく

<script src="node_modules/@webcomponents/webcomponentsjs/webcomponents-loader.js"></script>

作品を通じてhttps://www.npmjs.com/package/@webcomponents/webcomponentsjsを追加

バベルのようなものによって起こされる必要があります。

シンプルなコンポーネントを使用している場合は、ここにコードを貼り付けてテストすることができます（https://babeljs.io/repl/）。その結果をIE11に送信してください。

ほとんどの場合、自動的にアプリケーションをビルドするステップが必要です。 開発用には、npm i -g polymer-cliを使用し、polymer serveを実行すると、必要に応じて自動的にコードが表示されます。 （例えば、chromeのようにそれをサポートするブラウザにes6を提供し、IE11のようにそれをサポートしないブラウザにes5を提供する）