Polymer - 如何缓慢地从 HTML 导入迁移到 ES6 模块?
Polymer - How to slowly migrate from HTML imports to ES6 modules?
如 Polymer-Summit 2017 中所述,网络组件在 Polymer 3.0 中不会使用 HTML-imports 导入,而是使用 ES6-modules。
所以我正在寻找一种方法来将我所有的 HTML-import 一个一个地更改为 ES6-module 的 import
而不会产生不稳定的代码。
例如:
这里是 a little simple project.
它们是 3 个文件:
|-index.html
|-custom-element.html
|-MyModule.html
index.html
导入 custom-element
组件并在 DOM 中实例化一个组件。
custom-element.html
导入 MyModule.html
,并使用其函数 square(number)
.
所有导入均使用 HTML-imports.
我想弄清楚如何只制作 MyModule
一个 ES6 模块,然后将其导入 custom-element.html
文件而不破坏应用程序。
将脚本标签的类型更改为<script type="module">
。
从脚本模块中导入 ES6 模块。
如 Polymer-Summit 2017 中所述,网络组件在 Polymer 3.0 中不会使用 HTML-imports 导入,而是使用 ES6-modules。
所以我正在寻找一种方法来将我所有的 HTML-import 一个一个地更改为 ES6-module 的 import
而不会产生不稳定的代码。
例如:
这里是 a little simple project.
它们是 3 个文件:
|-index.html
|-custom-element.html
|-MyModule.html
index.html
导入 custom-element
组件并在 DOM 中实例化一个组件。
custom-element.html
导入 MyModule.html
,并使用其函数 square(number)
.
所有导入均使用 HTML-imports.
我想弄清楚如何只制作 MyModule
一个 ES6 模块,然后将其导入 custom-element.html
文件而不破坏应用程序。
将脚本标签的类型更改为<script type="module">
。
从脚本模块中导入 ES6 模块。