聚合物建立在包含多个子元素的聚合物元素上



我对如何构建一个聚合物元素 1.x 有点困惑,通过运行$ polymer init搭建脚手架

到目前为止我做了什么:

  • 运行$ polymer init

  • 在 ES6 中编码我的元素,而不更改任何目录结构/路径。

  • 运行$ polymer build

当前项目结构

它与运行$ polymer init创建的结构相同,目录/路径引用中没有任何更改。

/bower_components
/demo/index.html
/test/my-element_test.html
/test/child-element_test.html
my-element.html
child-element.html
bower.json
polymer.json
index.html
README.md

目标是创建元素的 ES5 版本。

我想创建我的元素的构建版本,从 ES6 转换为 ES5。

理想情况下,我的项目结构如下所示:

/bower_components
/demo/index.html
/build/bower_components
/build/my-element-es5.html
/build/child-element-es5.html
/test/my-element_test.html
/test/child-element_test.html
my-element.html
child-element.html
bower.json
polymer.json
index.html
README.md

运行$ polymer build只会创建一个build/default/index.html,它只包含一个引用我的元素的<iron-component-page>


$ polymer build适用于使用$ polymer init创建的单个元素,还是仅适用于应用风格的项目?

如果它确实适用于纯元素,我在这里缺少什么?

注意:我的元素"项目"包含 2 个元素,my-element.htmlchild-element.html

实际上$ polymer build似乎根本不支持聚合物元件项目。

有关更多信息,请参阅此问题,并观看有关如何进行单元素转译的 S.O 帖子

最新更新