웹 팩의clean-webpack-plugin 플러그인 오류 확인

1. 오류 코드

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

module.exports = {
 entry: './input.js',
 output: {
  path: path.resolve(__dirname, 'dist'),
  filename: 'output.bundle.js'
 },
 mode: 'development',
 plugins: [
  new CleanWebpackPlugin()
 ],
 module: {
  rules: [
   {
    test: /\.(png|jpg|gif)$/i,
    use: [
     {
      loader: 'url-loader',
      options: {
       // limit: 8192 //  8192 8k 
       limit: 919200
      }
     }
    ]
   }
  ]
 }
}

2. 오류 설명
 [webpack-cli] TypeError: CleanWebpackPlugin is not a constructor
3. 오류 원인
플러그인 문장 가져오기 오류 및 사용 오류
4. 해결
다음 가져오기 문장으로 변경해야 합니다.

  const { CleanWebpackPlugin } = require('clean-webpack-plugin')
  
  // es modules
  import { CleanWebpackPlugin} from 'clean-webpack-plugin';

사용할 때도 dist 파일 아래의 내용을 기본적으로 비우면 인자를 쓸 필요가 없습니다.
기본 삭제 디렉터리와 동시에 전송 경로가 필요하지 않으며'cleanOnceBeforeBuildPatterns'옵션을 통해 전송해야 합니다.
참조[clean-webpack-plugin]
이 웹 팩의 clean-webpack-plugin 플러그인에 대한 자세한 내용은 여기 있습니다. 웹 팩의 clean-webpack-plugin 플러그인에 대한 내용은 이전의 글을 검색하거나 아래의 관련 글을 계속 훑어보십시오. 앞으로 많은 응원 부탁드립니다!