代码之家  ›  专栏  ›  技术社区  ›  Yairopro

Polymer-如何从HTML导入缓慢迁移到ES6模块?

  •  2
  • Yairopro  · 技术社区  · 7 年前

    如中所述 Polymer-Summit 2017 ,Polymer 3.0中的web组件不会使用HTML导入,而是使用ES6模块导入。

    因此,我正在寻找一种方法,将所有HTML导入逐个更改为ES6模块的 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导入。
    我正在想办法 MyModule ES6模块,然后将其导入 自定义元素。html 文件而不中断应用程序。

    1 回复  |  直到 6 年前
        1
  •  1
  •   Yairopro    6 年前

    将脚本标记的类型更改为 <script type="module"> .

    从脚本模块内部导入ES6模块。

    Here's the plunker with the full solution .

    推荐文章