20201120 TIL

Vue and npm run watch

라라벨 + 뷰 초기세팅으로 작업을 시작했을때, 내가 vue 파일을 수정하더라도
그 수정이 페이지에 반영되지 않는 상황이 연출되었다.
분명 vue-cli로 작업 할 때엔 이렇지 않았는데..
구글링해서 스택오버플로우를 뒤져보니 npm run watch를 실행시키면 된다고 하길래 실행시켜보았더니 그제서야 제대로 작동해주는 로컬서버..

이유는 모른채 물음표 가득 안고 있다가 드디어 여쭤보았는데, 서버가 .vue 파일을 읽어들이지 못하기 때문이었다.
그렇기 때문에 npm run watch를 실행시켜서, 서버가 .vue 파일을 읽을 수 있도록 해주는 것이었다.
오늘도 이렇게 하나 알아간다..

Laravel mix

reset.css 파일을 Index.vue에 직접 적용시켰었는데, compile Error가 발생했다.
웃긴게.. 전날에는 잘 되다가 다음날, 그니까 오늘은 또 안 되더라. 이해가 안 되는 친구들 같으니.
어쨌든 또 다시 질문하러 총총..
그리고 마주치게 된 mix.js, mix.sass!

mix.js('resources/js/app.js', 'public/js')
    .sass('resources/sass/app.scss', 'public/css');