CDN (React Bootstrap Slider)에서 외부 반응 구성 요소 가져 오기

Question

장고 프로젝트가 있고 그것에 대해 React를 사용하고 싶습니다. 나 자신의 구성 요소를 이미 만들었지 만 작동하지만 CDN에서 타사 구성 요소를 가져 오는 방법을 모른다.

이 작업을 수행하려면, 내가 그랬어 :

가져 오기 반응하는 기본 템플릿에서 (개발 또는 생산 버전) :

<!-- baseTemplate.html --> 
{#  ReactJs#} 
<script src="https://unpkg.com/react@16/umd/react.development.js"></script> 
<script src="https://unpkg.com/react-dom@16/umd/react-dom.development.js"></script> 
<script src="https://unpkg.com/babel-standalone@6.15.0/babel.min.js"></script> 

이 또한 내 구성 요소를 만들 파일을 가져

<!-- baseTemplate.html --> 
<script src="/one_directory/my_react.jsx" type="text/babel"></script> 

을 입력하고 렌더링 할 태그를 만듭니다.

<!-- template.html --> 
<div id="container"></div> 

그리고 마지막으로 렌더링 내 반작용 구성 요소 :

가

<!-- my_react.jsx --> 
ReactDOM.render(
    <App />, 
    document.getElementById('container') 
); 

이 :) 제대로 작동 이제

---

, 나는 타사 구성 요소를 가져올 (특히, it's React Bootstrap Slider)에서 CDN,하지만 나는 어떻게하는지 모른다.

아마도 이것이 가능하지 않을 수도 있습니다. 내가 어떻게 할 수 있니?

대단히 감사합니다]

Answer 1

난 당신이 NPM 패키지 https://www.npmjs.com/package/react-bootstrap-slider에서 CDN을 원한다고 생각 (버전 2.1.3)

당신은 https://unpkg.com/react-bootstrap-slider/에서 그것을 위해 파일을 탐색 할 수 있습니다 https://unpkg.com/react-bootstrap-slider 에서 CDN이를

그러나 나는 작동하지 않습니다. Component 오류가 없습니다.

GitHub의 프로젝트에서

이 제어는 UMD 형식으로 구현

을 말한다, 그래서 또한 AMD/RequireJS을 위해 일해야 https://github.com/brownieboy/react-bootstrap-slider,하지만 난 그것을 테스트하지했습니다. 스크립트 태그로 추가 할 수도 있습니다.

CDN을 원하면 소유자에게이를 수정하도록 제안하거나 프로젝트를 포크하고 CDN 친숙한 파일을 생성하여 직접 호스트 할 수 있습니다.