프로젝트/크루트

.nuxt 하위 파일을 변경하지 마세요

발전생 2022. 2. 11. 12:35

nuxt를 사용하면서 전역 스타일을 주기 위해 .nuxt > layouts > default.vue에 직접 style 태그를 작성했었다. 그런데 분명 저장을 했는데도 dev 모드를 종료하고 다시 켜면 style이 기본값으로 돌아가 있었다. 나는 .nuxt가 의미하는 바를 몰랐던 것이다.

 

.nuxt는 nuxt가 프로젝트를 빌드하면서 생성되는 폴더이다. 그러니 매번 새로 시작할 때마다 .nuxt에 작성해줬던 내용들은 사라진다. 전역 css를 만들고 싶으면 nuxt.config.js의 css에 파일명을 추가해줘야 하고, 플러그인을 사용하고 싶다면 마찬가지로 nuxt.config.js에서 plugins에 파일을 지정해주면 된다.