인프런 영문 브랜드 로고
인프런 영문 브랜드 로고
BEST
개발 · 프로그래밍

/

프론트엔드

프론트엔드 개발환경의 이해와 실습 (webpack, babel, eslint..)

이미 만들어 놓은 개발 환경을 이해할 수 있어요. 처음부터 직접 개발 환경을 만들 수 있어요.

(4.9) 수강평 203개

수강생 2,953명

Thumbnail
새소식 목록
관리
작성

copy-webpack-plugin 문제가 발생하신 분은 꼭 읽어주세요.(copy-webpack-plugin 메이저 업데이트 2020-05)

copy-webpack-plugin 사용시 웹팩 빌드가 안되는 문제가 발생할 수 있습니다.

원인

copy-webpack-plugin 메이저 업데이트로 인한 하위 호완성 안됨

기존 생성자 함수의 시그니처가 변경되었습니다.

- 기존: CopyPlugin(patterns, options)

- 변경: CopyPlugin({ patterns, options })

해결방법

// 기존: 
new CopyPlugin([
      {
        from: "./node_modules/axios/dist/axios.min.js",
        to: "./axios.min.js", // 목적지 파일에 들어간다
      },
    ]),

// 변경 (이렇게 변경하세요)
new CopyPlugin({
  patterns: [ // patterns 키를 추가합니다.
      {
        from: "./node_modules/axios/dist/axios.min.js",
        to: "./axios.min.js", // 목적지 파일에 들어간다
      },
    ]
}),
댓글