通过 ES6 import 导入远程文件

Question

我有一个通过 browserify 编译和捆绑的 ES6 React 应用程序。

我有几个导入语句，例如：

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';