Laravel 5.5에서 React를 사용할 때 어떤 문제가 있습니다. 구성 요소를 추가하거나 변경할 때마다 npm run dev을 실행하여 컴파일해야합니다. 이 작업을 수행 할 때 css/app.css의 내용이 재설정되므로이 파일에 스타일을 쓸 수 없습니다.Laravel preset React :`npm run dev '실행시 문제가 발생했습니다.
스타일을 다른 CSS 파일에 저장하면 스타일이 변경되지 않지만 기본 스타일은 CSS/app.css로 작성하고 싶습니다.
어떻게하면됩니까?
리소스 디렉토리의 파일에 모든 CSS 스타일을 유지하고 webpack.mix.js 파일 끝에 다음 코드를 추가하십시오.
mix.styles('path to your css file in resources directory', 'public/css/app.css');
당신이 아래의 코드
mix.sass('path to your css file in resources directory', 'public/css/app.css');
를 사용 sass를 사용하는 경우 또한 npm run dev 당신이 당신의 구성 요소를 변경할 때마다 실행할 필요가 없습니다. npm run watch을 실행하면 변경 사항이 계속 발생하면 변경 사항을 계속 찾고 구성 요소를 다시 컴파일합니다.
'css/app.css' 파일에 스타일을 추가하지 않아도됩니다. 이 파일은 자산을 컴파일 할 때마다 생성됩니다. – Jackowski
@ Jackowski는 그때 어리석은 질문에 대해 유감스럽게 생각합니다.하지만 자산이 컴파일 될 때마다 자동 생성되는 경우에도 왜 존재합니까? –
'npm run dev'을 실행할 때마다 스타일 자산이 하나의 파일 ('css/app.css')에 모여 있습니다. 이렇게하면 html 파일에서이 파일을 문서의 머리 부분에 추가하기 만하면 모든 스타일에 액세스 할 수 있습니다. – Jackowski