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 模块。

Here's the plunker with the full solution.