如何使用 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 语句放入 created
和 attached
聚合物功能,但都不起作用。
我正在尝试的可能吗?如果是,那么我应该把我的进口声明放在哪里?
我认为您无法在 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 在您的申请中。
我正在使用 Polymer 1.0,我想使用 ES6 使我的代码模块化。我的想法是创建几个具有函数定义的不同文件,我将导入到包含我的聚合物组件定义的 .html 文件,我可以在其中调用它们。
我试图将 import 语句放入 created
和 attached
聚合物功能,但都不起作用。
我正在尝试的可能吗?如果是,那么我应该把我的进口声明放在哪里?
我认为您无法在 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 在您的申请中。