将聚合物1.0与3.0组合

问题描述 投票:1回答:1

我正在修改一个用聚合物1.0构建的现有项目。

由于聚合物的当前版本是聚合物3.0,我们如何在不对现有应用进行太多改变的情况下包括聚合物。

与我发现的主要区别在于,在聚合物1.0中导入.html文件,而在聚合物3.0中导入.js文件。

下面添加了两个导入之间的比较

polymer 1

<head>
<link rel="import" href="../../bower_components/polymer/polymer-element.html">
</head>

polymer 3

import {PolymerElement, html} from '@polymer/polymer';

当我们尝试安装组件时,正在创建js文件。有没有方法通过CLI创建旧型聚合物组件?

polymer polymer-1.0 polymer-3.x
1个回答
0
投票

我不认为您应该尝试在HTML文件中创建Polymer 3元素,因为不支持HTML导入(例如,在FF中),或者即将过时(例如在Chrome中),因为您可以看到here

使用Polymer 1.x / 2.x(使用HTML导入)和Polymer 3.x和/或LitElement创建的组件之间的混合将是一个webpack构建步骤,它将捆绑所有JS文件。 (例如,有一个JS文件,您可以在其中导入新元素,将其传递给webpack并将其包含在您的Polymer 1.x应用程序中)。

但从长远来看,从HTML导入迁移似乎更安全。你可能想看一下modulizer,就像@HakanC建议的那样。

© www.soinside.com 2019 - 2024. All rights reserved.