Czy istnieje sposób używania plików cdn z reactjs przy użyciu pakietu internetowego?

Question

Nie mogę skonfigurować popychacza i pobrać za pomocą npm w reactjs.Also, czy jest jakiś sposób na użycie cdn w swoim kodzie reakcji?

Answer 1

Wreszcie wpadłem na bardzo prostą odpowiedź

zainstalować npm popychacza-JS-ES6 obietnicę i izomorficzna-fetch i zaimportować go jako

var Pusher=require('pusher-js'); 
var fetch=require('isomorphic-fetch'); 
require('es6-promise').polyfill(); 

Answer 2

Można użyć reagowania-asynchronicznej-script-ładowarka jako komponent wyższego rzędu na to: https://github.com/leozdgao/react-async-script-loader

Wystarczy zainstalować go przez KMP:

npm install --save react-async-script-loader 

następnie importować je i przedłużyć swój składnik, który potrzebuje cdn javascripts z scriptLoader podając adresy URL, które chciałbyś dołączyć do swojego komponentu.

import scriptLoader from 'react-async-script-loader'; 

// Your component code: 
class YourComponent extends React.Component { 
    render() { 
    return <p>{ 
     this.props.isScriptLoadSucceed ? 'Scripts loaded.' : 'Loading...' 
    }</p>; 
    } 
} 

export default scriptLoader([ 
    'https://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.4/jquery.min.js', 
    'https://cdnjs.cloudflare.com/ajax/libs/marked/0.3.5/marked.min.js' 
])(YourComponent); 

W ten sposób pliki są ładowane tylko tam, gdzie naprawdę ich potrzebujesz. Po załadowaniu nie zostaną ponownie dołączone (jeśli zaktualizujesz komponent).

Składnia Decorator (ES7) działa również, jeśli podoba Ci się bardziej niż implementacja HOC, jest to udokumentowane w projektach README.