[Webpack] 빌드시 정적파일 복사 copy-webpack-plugin

copy-webpack-plugin 이란?

• 디렉토리 또는 파일을 최종 빌드 폴더안에 포함시키는 플러그인

npm i -D copy-webpack-plugin

사용법

// webpack.config.js
const path = require('path');
const CopyWebpackPlugin = require('copy-webpack-plugin');

plugins: [
    new CopyWebpackPlugin(
        [
          {
            // to 는 입력하지 않으면 default로 설정한 빌드 디렉토리에 복사가 됨
            from: path.resolve(__dirname, "복사 할 파일")
          },
          {
            from: path.resolve(__dirname, "../*banner.html")
          },
          {
            from: path.resolve(__dirname, '../robots.txt')
          }
        ]
    )
]

결과

• index.html 과 assets 디렉토리를 제외한 파일은 복사된 파일