Как импортировать внешний 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(/* ... */);
  }
}

демо