[Vue.js] Vue.js에서 SASS 전역 로드하기

SASS 모듈 설치

npm install --save-dev node-sass sass-loader

 

vue.config.js 작성

module.exports = {
  css: {
    loaderOptions: {
      scss: {
        additionalData: `@import "@/assets/scss/add.scss";`
      }
    }
  }
}

 

사용할 component에서 로드

<style scoped lang="scss">

 

참고자료

https://k1005.github.io/2021/08/07/globally-load-sass-into-vuejs-app/

Vue.js 애플리케이션에 SASS를 전역적으로 로드하기