Nuxt.js에서 Sass 설명을 허용하는 방법
Nuxt.js에서 Sass 설명을 허용하는 방법
터미널에서 다음 명령을 실행합니다.
npm install --save-dev node-sass sass-loader
pug등 정리해 인스톨 하고 싶은 경우는 아래와 같이 실행할 수 있습니다.
npm install --save-dev [email protected] pug-plain-loader coffeescript coffee-loader node-sass sass-loader
package.json을 보면 설치되어 있는지 확인할 수 있습니다.
이제 Nuxt.js에서도 Sass 설명을 사용할 수 있습니다.
・SASS기법의 경우
index.vue
<style lang="sass" scoped>
.done
font-size: 20px
background: blue
</style>
・SCSS기법의 경우
index.vue
<style lang="scss" scoped>
div {
margin: 0 auto;
p {
padding: 10px;
span {
color: aqua;
}
}
}
</style>
scoped를 작성하면 해당 파일 내에만 css를 적용할 수 있습니다.
Reference
이 문제에 관하여(Nuxt.js에서 Sass 설명을 허용하는 방법), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://qiita.com/TK-C/items/cf880eb05e1cc34acadc텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념
(Collection and Share based on the CC Protocol.)
좋은 웹페이지 즐겨찾기
