플러그인

플러그인

• 로더 : 파일 단위로 처리, 함수로 정의
• 플러그인 : 번들된 결과물을 처리, 클래스로 정의

  플러그인은 웹팩으로 변환한 파일에 추가적인 기능을 더하고 싶을 때 사용하는 속성. 웹팩 변환 과정 전반에 대한 제어권을 갖고 있음

// myplugin.js

class MyPlugin {
  apply(compiler) {
    compiler.hooks.done.tap("My Plugin", stats => {
    // 플러그인이 정상 동작 했을 때 실행되는 콜백
      console.log("MyPlugin: done");
    })
  }
}

module.exports = MyPlugin

실제 플러그인을 새로 만들 일은 거의 없고,
웹팩에서 직접 제공하는 플러그인을 사용하거나 라이브러리를 찾아 사용하는 등 있는 것을 활용하는 방식을 주로 채택한다.

• CRA에서의 웹팩 설정 : https://maxkim-j.github.io/posts/cra-webpack-config/
• eject 없이 웹팩 override하는 방법
  • react-app-rewired
  • rewire
  • customize-cra
  • craco