通过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

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

npm install auth0-lock --save

然后将其导入到您的应用程序中，如下所示

import Auth0Lock from 'auth0-lock';