1. 중첩된 CSS가 감지되었다고? (8:3) Nested CSS was detected, but CSS nesting has not been configured correctly. Please enable a CSS nesting plugin *before* Tailwind in your configuration. See how here: https://tailwindcss.com/docs/using-with-preprocessors#nesting 진행 중인 Next.js 프로젝트의 layout에 스타일을 지정하려고 했고, 이때 다른 프로젝트의 SCSS 코드 일부를 복붙 했더니 발생한 경고문이다. 이유는 복붙 한 스타일 코드에 중첩 CSS가 포함되어 있어서였다. 이 포스팅에서는 중첩 CSS에 대해-핵심..

SASS 모듈 설치 npm install --save-dev node-sass sass-loader vue.config.js 작성 module.exports = { css: { loaderOptions: { scss: { additionalData: `@import "@/assets/scss/add.scss";` } } } } 사용할 component에서 로드 참고자료 https://k1005.github.io/2021/08/07/globally-load-sass-into-vuejs-app/ Vue.js 애플리케이션에 SASS를 전역적으로 로드하기 Vue.js 애플리케이션에 SASS를 전역적으로 로드 https://vueschool.io/articles/vuejs-tutorials/globally-loa..