如何使用ES6将JavaScript函数导入到Polymer 1.0组件中？

Question

我正在使用Polymer 1.0，我想使用ES6将代码模块化。我的想法是用函数定义创建一些不同的文件，然后将其导入包含我的聚合物组件定义的.html文件中，在此处可以调用它们。

我试图将import语句放入created和attached中 聚合物功能，但都不起作用。

这就是我正在尝试的可能性吗？如果是，那我应该在哪里输入我的进口声明？

Answer 1

Polymer v1导入组件位于html

中

示例

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

因此您现在可以使用webpack并将所有导入添加到同一文件中，例如

/* src/index.js */

import './polymer';
import './my-element.html';

将此文件作为webpack的条目，然后将您所有的导入都带到generate一个要在应用程序中链接的单个HTML文件。

Answer 2

我认为您无法在Polymer v1中做到这一点。您需要使用构建步骤来转换html导入。 我建议使用webpack和这个来自Polymer团队的Rob Dodson出色的插件https://robdodson.me/how-to-use-polymer-with-webpack/，它可以让您完全按照自己的意愿进行操作，即在html导入中使用es6导入。

请记住，现已弃用Polymer v1，您应该升级到不使用html导入的更高版本。