Webpack 로더

기본적으로 Webpack은 JavaScript 및 JSON 파일만 해석 가능합니다. 하지만 로더(loaders)를 사용하면 Webpack이 다른 포멧의 파일을 처리하고, 이를 앱에서 사용할 수 있는 모듈로 변환 할 수 있습니다.

webpack.config.js

module.exports = {
  // 모듈
  module: {
    // 규칙
    rules: [
      // 로더 설정
      {
        test: /파일_포멧_정규식/,
        use: ['로더']
      },
      // 로더 추가 설정...
    ]
  }
}

로더 설정

pageFile 로더

pageCSS 로더

pagePostCSS 로더

pageSass 로더

pageBabel 로더

pageTypeScript 로더

참고

Concepts | webpackwebpack

로더(Loader)란?

Loaders | webpackwebpack

Webpack Loader 목록