Laravel Nova에서 Vue devtools 사용하기 cover image

Laravel Nova에서 Vue devtools 사용하기

김재동 • July 22, 2019

laravel

Laravel Nova에서 custom tool을 개발하다 보면 Vue 컴포넌트에 대해 살펴보거나 조작할 필요가 있다. 그런데 Nova에 접속을 하면 크롬의 Vue devtools 확장도구에 불은 들어오지만 프로덕션 상태로 build 되어 있기 때문에 Vue devtools를 사용할 수가 없다. 이를 활성화 하려면 프로젝트 디렉토리에서 다음 명령어를 실행하면 된다.

cd ./vendor/laravel/nova
mv webpack.mix.js.dist webpack.mix.js
npm i
npm run dev
rm -rf node_modules
cd -
php artisan nova:publish

참고