Laravel 및 ReactJS는 어떻게 작동합니까? 나는 둘 다 준비되어있다, separetely

프론트 엔드에는 ReactJS를, 백엔드에는 Laravel을 사용하는 어플리케이션을 만들고 싶다. 나는 준비가되어 있고, Laravel 부분은 끝났고, ReactJS도 끝난다.Laravel 및 ReactJS는 어떻게 작동합니까? 나는 둘 다 준비되어있다, separetely

정상적인 사람이 할 수있는 가장 바보 같은 짓을했는데, ReactJS 빌드 폴더를 Laravel의보기 폴더와 Laravel의 자산 폴더에 붙여 넣습니다. 작동하지 않습니다. 그것은 모든 JavaScript 및 CSS 파일에 대한 누락 된 언급을 말합니다.

index.html을 index.blade.html로 변경했습니다.

그리고 아마도 나는 CSS와 JavaScript의 잘못된 경로에 연결되어 있다고 생각했습니다. 나는 /static/css/main.ac1cfcf0.css을 main.ac1cfcf0.css으로, /static/js/main.551bf7d2.js to main.551bf7d2.js을 index.blade.html로 변경했지만 여전히 같은 오류가 발생합니다.

어떻게해야합니까?

출처

2017-12-19 notalentgeek

당신이 Laravel 믹스를 사용하는 경우, 당신은 쉽게 만들고 ES6를 사용하고 반응하는 당신의 JS 파일을 변환 할 수 있습니다 : 당신의 webpack.mix.js 파일에서 https://laravel.com/docs/5.5/mix#react

를,이 같은 자산을 컴파일 :

mix.react('resources/assets/js/react-app.jsx', 'public/js');

그런 다음, 블레이드 파일에서 다음과 같이 번들에 가져 :

<script type="text/javascript" src="{!! asset('js/react-app.min.js') !!}"></script>

출처

2017-12-19 00:38:14 webdevdani

webpack.mix.js는 어디에 두어야합니까? 그리고, react-app.jsx는 빌드 코드인가, ReactJS 코드를 미리 빌드하고 있습니까? – notalentgeek

react-app.jsx는 React 엔트리 포인트가 무엇이든간에 대체되어야합니다. webpack.mix.js는 루트 폴더에 있습니다. https://laravel.com/docs/5.5/mix – webdevdani

Laravel 및 ReactJS는 어떻게 작동합니까? 나는 둘 다 준비되어있다, separetely

답변

관련 문제