Web paketi kullanarak cdn dosyalarını reactjs ile kullanmanın bir yolu var mı?

Question

Mümkünse nm'yi kullanarak tepkileri yapılandıramadım.Ayrıca, reaksiyon kodunuzun içinde cdn kullanmanın bir yolu var mı?

Answer 1

Son olarak I My sınıf zaten React.Component.So nasıl uzanan çok basit bir cevap

npm itici-js, ES6-söz ve izomorfik getirme ve

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

Answer 2

Bunun için bir Yüksek mertebeden Bileşeni olarak tepki zaman uyumsuz-script yükleyici kullanabilirsiniz: Sonra

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

aktarın ve ihtiyaç duyduğu senin parça ilave: https://github.com/leozdgao/react-async-script-loader

Sadece NPM yoluyla kurun cdn javascripts komut dosyası ile, bileşeninize eklemek istediğiniz URL'leri verir.

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

Bu sayede dosyalar yalnızca gerçekten ihtiyacınız olan yere yüklenir. Yüklendikten sonra tekrar eklenmezler (bileşeni güncellerseniz).

Dekoratör (ES7) sözdizimi, bir HOC uygulamasından daha fazlasını beğenirseniz, bu da README projelerinde belgelenmiştir.