Импорт удаленных файлов через импорт ES6

Question

У меня есть приложение ES6 React, которое компилируется и вставляется через браузер.

У меня есть несколько операторов импорта, как:

import React from 'react/addons' 

Мне также нужно использовать внешнюю библиотеку, которая создает HTML-виджет, размещенный на CDN. Я попытался в том числе файл до или после того, как источника пучка:

<script src="//cdn.auth0.com/js/lock-7.9.min.js"></script> 
<script type="text/javascript" src="scripts/build.js"></script> 

Когда я пытаюсь и ссылаться на указанный объект CDN в консоли, она работает отлично:

Auth0Lock 
<-function Auth0Lock()... 

Реферирование его в пределах React приложение вызывает синтаксическую ошибку. Я предполагаю, что мне нужно import это ... но как?

Answer 1

Вы можете установить auth0-lock через НПМ, и использовать его в качестве локальной зависимости

npm install auth0-lock --save 

, а затем импортировать его в приложение, как этот

import Auth0Lock from 'auth0-lock';