[영화 검색 사이트] 부트스트랩 Breakpoint(반응형), sass-loader

https://getbootstrap.com/docs/5.3/layout/breakpoints/

Breakpoints

 

Header.vue

    @include media-breakpoint-down(sm) {
      .nav {
        display: none;
      }
    }

 

 

https://github.com/webpack-contrib/sass-loader

GitHub - webpack-contrib/sass-loader: Compiles Sass to CSS

 

webpack.config.js

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