我正在修改一个用聚合物1.0构建的现有项目。
由于聚合物的当前版本是聚合物3.0,我们如何在不对现有应用进行太多改变的情况下包括聚合物。
与我发现的主要区别在于,在聚合物1.0中导入.html
文件,而在聚合物3.0中导入.js
文件。
下面添加了两个导入之间的比较
<head>
<link rel="import" href="../../bower_components/polymer/polymer-element.html">
</head>
import {PolymerElement, html} from '@polymer/polymer';
当我们尝试安装组件时,正在创建js文件。有没有方法通过CLI创建旧型聚合物组件?
我不认为您应该尝试在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建议的那样。