通过ES6导入导入远程文件

Importing remote files via ES6 import

本文关键字：导入 文件 程文件 ES6 通过      更新时间：2023-09-26

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

我有几个import语句，如:

import React from 'react/addons'

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

<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…但如何?

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

npm install auth0-lock --save

，然后像这样导入到你的应用中

import Auth0Lock from 'auth0-lock';
相关文章：