通过ES6导入导入远程文件

Question

我有一个ES6 React应用程序正在通过browserify进行编译和捆绑。

我有几个导入语句，如：

import React from 'react/addons'

我还需要使用一个外部库来创建一个托管在CDN上的HTML小部件。我已尝试在捆绑源之前或之后包含该文件：

<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

您可以通过npm安装auth0-lock，并将其用作本地依赖项

npm install auth0-lock --save

然后将其导入您的应用

import Auth0Lock from 'auth0-lock';