用于firefox的Polymer 3.0 Polyfils-Java 学习之路

我正在使用firefox 52.3.0并计划使用Web组件（Polymer 3.0）进行开发 . 我正在寻找在Firefox中运行的聚合物3.0 polyfil .

我试过webcomponents-lite.js（部分工作 - 不支持es5聚合物）
我试过webcomponents-bundle.js（ddnt workd）
我甚至从@webcomponents存储库添加了es5-adapter.js，它们只是没有为firefox工作 . 它适用于Opera和Chrome（不需要polyfill），但从未在firefox上使用过 .

我知道youtube是完全由聚合物构建的，我可以在我的mozila firefox中访问它（甚至检查元素），这告诉我有一个有效的polyfil . 我似乎无法找到它 .

PS：我希望能够将这些聚合物元素与react-js一起使用，我知道它可能，但我不知道怎么回事 . 有人可以告诉我怎么样？

2 回答

1

好的，这听起来很奇怪 . 而且Opera不需要任何polyfill，因为它们已经本地运送了所有标准 .

您可以尝试的一件事是制作ES6 Web组件，并从Polymer捆绑中获取ES5 Web组件 . 查看官方文档：https://www.polymer-project.org/3.0/toolbox/build-for-production#compile

聚合物3.x和聚合物元素用ES6（也称为ES2015）编写 . 要允许旧版浏览器呈现您的应用，请将代码编译为ES5 . 当您将代码编译为ES5时，Polymer构建工具会将custom-elements-es5-adapter.js polyfill注入您的入口点，以便支持ES6的浏览器仍然可以呈现您的ES5代码 .

回复于 2024-05-03T15:30:33+08:00

@Binh帮助我，并指出了正确的方向，这让我得到了如下所示的firefox polyfills

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta name="description" content="Template Polymer 3.0 App">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <meta name="theme-color" content="#fff">
  <script src="./node_modules/@webcomponents/webcomponentsjs/webcomponents-loader.js" async></script>

是的，只有webcomponents-loader.js

我希望这可以帮助那些来看的人

回复于 2024-05-03T15:30:33+08:00

用于firefox的Polymer 3.0 Polyfils

2 回答

相关问题