如何将外部JavaScript导入Polymer 3.0

Question

假设我有一个传统的javascript库，例如google-charts，我想把它整合到我的Polymer 3.0项目中。我如何实际进行导入？

我传统上这样做：https://developers.google.com/chart/interactive/docs/quick_start

Answer 1

在Polymer 3中，JavaScript库（ES模块）加载了import关键字。通常，您使用npm-install命令安装库。例如，您可以像这样安装google-charts：

npm install --save google-charts

然后，在元素代码中导入该包：

import {GoogleCharts} from 'google-charts';

示例：的

import {PolymerElement} from '@polymer/polymer';
import {GoogleCharts} from 'google-charts';

class MyElement extends PolymerElement {
  // ...

  ready() {
    super.ready();
    GoogleCharts.load(/* ... */);
  }
}

demo