Webpack copy-webpack-plugin ignore 사용할 때 주의 점(Important point when using the option "ignore" of the "copy-webpack-plugin")

Webpack copy-webpack-plugin ignore 사용할 때 주의 점(Important point when using the option "ignore" of the "copy-webpack-plugin")

"copy-webpack-plugin"의 "ignore"가 정상 동작(내 생각에... -.-;;; ) 안해서, 도대체 뭘까 한참을 고민한 적이 있다.

다음을 주의하면서, ignore를 작성하면 정상적으로 동작한다.

"path를 ignore할 경우: "from"을 기준으로 그 다음 path 부터 나열해야 한다."

• Path 구성

~/my_app/resources/images/images # 모두 복사
~/my_app/resources/images/images.no-copy # 모두 복사 안함
~/my_app/resources/images/images.must/title.no-copy # 모두 복사 안함

• webpack config (webpack.config.js)

module.exports = {
  entry: {
  },
  ...
  plugins: [
    new CopyPlugin(
      [
        {
          from: path.resolve('my_app', 'images'),
          to: path.resolve('my_app', 'images'), // or to: '',
          toType: 'dir', // optional
          ignore: [
            'images.no-copy', // "my_app/images/images.no-copy" 이하 모두("**/*.*") 복사 안함. 주의할 점은 "dot" 도 추가로 사용할 수 있음
            path.join('images.must', 'path.no-copy', '**', '*.*'), // "my_app/images/images.must/title.no-copy" 이하 모두("**/*.*") 복사 안함. 주의할 점은 "dot" 도 추가로 사용할 수 있음
            'file.no-copy.txt', // 모든(주의) "file.no-copy.txt"는 복사 안함.
            '*.md' // 모든(주의) "md"는 복사 안함.
          ]
        }
      ],
      // optional
      {
        debug: true
      }
    )
  ]
};