Clean Webpack Plugin: 깨끗한 빌드 유지

Webpack "CleanWebpackPlugin" 은 새 파일을 생성하기 전에 지정된 디렉토리를 정리하여 빌드 출력을 관리하는 데 도움이 되는 널리 사용되는 플러그인입니다. 이는 오래되었거나 불필요한 파일이 빌드 디렉토리에 축적되는 것을 방지하는 데 유용할 수 있습니다. 다음은 CleanWebpackPlugin 사용 방법에 대한 간략한 설명입니다.

설치

먼저 이전 설명에 표시된 것처럼 프로젝트에 설치되어 Webpack 있는지 확인하십시오. webpack-cli 그런 다음 CleanWebpackPlugin을 설치합니다.

npm install clean-webpack-plugin --save-dev

구성

파일을 열고 webpack.config.js 플러그인을 가져옵니다.

const { CleanWebpackPlugin } = require('clean-webpack-plugin');

배열 내부에서 plugins 다음을 인스턴스화합니다 CleanWebpackPlugin.

module.exports = {  
  // ...other configuration options  
  
  plugins: [  
    new CleanWebpackPlugin()  
    // ...other plugins  
  ]  
};  

기본적으로 플러그인은 구성 output.path 에 정의된 항목을 정리합니다 Webpack.

맞춤 구성

CleanWebpackPlugin 생성자에 옵션을 전달하여 의 동작을 사용자 정의할 수 있습니다. 예를 들어:

new CleanWebpackPlugin({  
  cleanOnceBeforeBuildPatterns: ['**/*', '!importantFile.txt']  
})  

이 예에서는 importantFile.txt.

달리기 Webpack

Webpack 프로젝트를 빌드하기 위해 실행할 때 는 CleanWebpackPlugin 새 빌드 파일을 생성하기 전에 지정된 디렉토리를 자동으로 정리합니다.

clean-webpack-plugin 고급 구성 및 옵션 에 대해서는 공식 문서를 참조하십시오. 이 플러그인은 깨끗한 빌드 출력 디렉토리를 유지하고 불필요한 혼란을 피하는 데 크게 도움이 될 수 있습니다.