如何使用 ES6 将 javascript 函数导入 Polymer 1.0 组件?

How to import javascript function with use of ES6 to Polymer 1.0 component?

我正在使用 Polymer 1.0,我想使用 ES6 使我的代码模块化。我的想法是创建几个具有函数定义的不同文件,我将导入到包含我的聚合物组件定义的 .html 文件,我可以在其中调用它们。

我试图将 import 语句放入 createdattached 聚合物功能,但都不起作用。

我正在尝试的可能吗?如果是,那么我应该把我的进口声明放在哪里?

我认为您无法在 Polymer v1 中执行此操作。您需要使用构建步骤来转换 html 导入。 我建议使用 webpack 和 Rob Dodson(来自 Polymer 团队)https://robdodson.me/how-to-use-polymer-with-webpack/ 的这个优秀插件,它可以让你完全按照自己的意愿行事,即在 html 导入中使用 es6 导入。

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

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 文件 您将 link 在您的申请中。