다른 웹 사이트 내에서 React 응용 프로그램을 위젯으로 작성하는 방법

Question

React를 사용하여 SPA (Single Page Application)를 작성했습니다. 새 프로젝트를 시작할 때마다 create-react-app를 사용합니다. 여태까지는 그런대로 잘됐다.

이제 React 애플리케이션을 기존 HTML 페이지 내의 위젯으로로드하라는 요청을 받았습니다.

내 질문 : 어떻게해야합니까? 나는 CDN 링크뿐만 아니라 바벨을 사용하여 반응 파일을 참조 할 수 있지만이 모든 것을 Browserify 또는 Webpack을 사용하여 패키징하는 데 어려움을 겪고 있습니다.

당신은 이미이 경험이 있습니까? 아마 당신은 나에게 가장 잘 맞는 것을 나눌 수 있습니다.

나는 이것에 대해 많은 검색을 시도했다.

감사합니다.

Answer 1

그냥

<script src="https://cdnjs.cloudflare.com/ajax/libs/react/15.1.0/react.js"></script> 
<script src="https://cdnjs.cloudflare.com/ajax/libs/react/15.1.0/react-dom.js"></script> 
<script type="text/javascript" src="/scripts/app.bundle.js"></script> 

이 (가 지정한 HTML에 평소와 같이 마운트

... 
externals: { 
    'react': 'React', 
    'react-dom': 'ReactDOM' 
}, 
plugins: [...], 
.... 

가 번들에서 반작용 제외 webpack.config.js 다음 번들 전에 페이지에 추가 할 줄을 추가 요소)