vue.js

모든 컴퍼넌트에서 전역 스타일 가져오기

youngseokim_kr 2021. 11. 16. 18:09

webpack.config.js 파일에서

 module: {
    rules: [
      {
        test: /\.vue$/,
        use: 'vue-loader'
      },
      {
        test: /\.s?css$/,
        use: [
          // 순서 중요!
          'vue-style-loader',
          'style-loader',
          'css-loader',
          'postcss-loader',
          {
            loader:'sass-loader',
            options:{
              additionalData:'@import "~/scss/main";'
            }
          }
        ]
      },

module 부분의 sass 부분을 고쳐준다. 

additionalData 부분에 작성하면 sass 생성 시 제일 먼저 자동으로 선언되게 된다.

편리하게 스타일 작성 가능하다.

 

'vue.js' 카테고리의 다른 글

vue router [scroll behavior][화면 변경 시 스크롤 위치 조정]  (0) 2021.11.17
vuex  (0) 2021.11.17
Bootstrap [breakpoint] 반응형웹  (0) 2021.11.16
404 page not found  (0) 2021.11.16
API 비동기 처리 연습  (0) 2021.11.14