Nhập tệp từ xa qua nhập ES6

Question

Tôi có ứng dụng React ES6 được biên dịch và đóng gói qua trình duyệt.

Tôi có một vài câu lệnh nhập khẩu như:

import React from 'react/addons' 

Tôi cũng cần phải sử dụng một thư viện bên ngoài mà tạo ra một widget HTML, lưu trữ trên một CDN. Tôi đã thử bao gồm các tập tin trước khi hoặc sau khi nguồn bó:

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

Khi tôi cố gắng và tham khảo các đối tượng cung cấp CDN trong giao diện điều khiển, nó hoạt động tốt:

Auth0Lock 
<-function Auth0Lock()... 

Tham khảo nó trong Phản ứng ứng dụng làm tăng lỗi cú pháp. Tôi giả sử tôi cần import nó ... nhưng làm thế nào?

Answer 1

Bạn có thể cài đặt auth0-lock qua NPM, và sử dụng nó như là một sự phụ thuộc địa phương

npm install auth0-lock --save 

và sau đó nhập nó vào ứng dụng của bạn như thế này

import Auth0Lock from 'auth0-lock';