반응형

Webpack에서 scss를 사용하기 위해서는 아래와 같이 세팅이 필요하다.

module: {
    rules: [
      {
        test: /\.s[ac]ss/i,
        use: [
          'style-loader',
          // css-loader 소스맵 옵션 활성화
          {
            loader: 'css-loader',
            options: {
              sourceMap: true,
            }
          },
          // sass-loader 소스맵 옵션 활성화
          {
            loader: 'sass-loader',
            options: {
              sourceMap: true
            }
          }
        ],
        exclude: /nodeModules/,
      },    
    ],
  },

 

 

 

'IT > Webpack' 카테고리의 다른 글

[WebPack] Debug 크롬 개발자 도구 Setting  (0) 2024.02.19
[Webpack] 이미지 추가를 위한 config 설정  (0) 2024.01.29

+ Recent posts