Có cách nào để sử dụng các tập tin cdn với reactjs bằng cách sử dụng webpack không?

Question

Tôi không thể cấu hình pusher và tìm nạp bằng cách sử dụng npm trong reactjs.Also, có cách nào để sử dụng cdn bên trong mã phản ứng của bạn không?

Answer 1

Cuối cùng tôi đã đưa ra một câu trả lời rất đơn giản

cài đặt NPM pusher-js, es6-lời hứa và đẳng cấu nạp và nhập nó như

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

Answer 2

Bạn có thể sử dụng các phản ứng-async-script-loader như một phần bậc cao cho việc này: https://github.com/leozdgao/react-async-script-loader

Chỉ cần cài đặt nó thông qua NPM:

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

sau đó nhập nó và mở rộng thành phần của bạn mà cần các javascripts cdn với scriptLoader cho nó các url bạn muốn bao gồm cho thành phần của bạn.

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

Bằng cách này, tệp chỉ được tải nơi bạn thực sự cần chúng. Sau khi được tải, chúng sẽ không được bao gồm lại (nếu bạn cập nhật thành phần).

Cú pháp trang trí (ES7) cũng hoạt động nếu bạn thích nó hơn là triển khai HOC, đây là tài liệu trong dự án README.