转译聚合物元素
Transpiling a Polymer Element
我正在使用 $ polymer init
搭建 Polymer 1.x 元素的脚手架。这些元素 不是 Polymer 应用程序 。它们只是元素。
我所有的元素都是用 ES6 编码的。我想将我的元素转换为 ES5。
考虑到 $ polymer build
does not support single Element projects,我可以使用什么解决方案来实现上述目标?
将 Polymer 转译为 es5 分 3 步完成:
Vulcanize 通过内联脚本和 CSS:
你的元素
vulcanize element.html --inline-script --inline-css > element.v.html
将输出通过管道传输到 Cripser。 Crisper 是一个提取所有内联并创建独立 .js 文件的工具。
crisper -s element.v.html -h element.v.html -j element.js
运行 通过 Babel 的独立 JS 文件:
babel element.js -o element.js
旧答案(错误):需要直接使用vulcanize。例如:
vulcanize target.html > build.html
我正在使用 $ polymer init
搭建 Polymer 1.x 元素的脚手架。这些元素 不是 Polymer 应用程序 。它们只是元素。
我所有的元素都是用 ES6 编码的。我想将我的元素转换为 ES5。
考虑到 $ polymer build
does not support single Element projects,我可以使用什么解决方案来实现上述目标?
将 Polymer 转译为 es5 分 3 步完成:
Vulcanize 通过内联脚本和 CSS:
你的元素vulcanize element.html --inline-script --inline-css > element.v.html
将输出通过管道传输到 Cripser。 Crisper 是一个提取所有内联并创建独立 .js 文件的工具。
crisper -s element.v.html -h element.v.html -j element.js
运行 通过 Babel 的独立 JS 文件:
babel element.js -o element.js
旧答案(错误):需要直接使用vulcanize。例如:
vulcanize target.html > build.html