Webpack5 - webpack 기본 설정으로 빌드시 파일 삭제 하거나 유지시키기

1. 웹팩 파일 설정

 

[webpack.config.js]

module.exports = {
    entry: './src/index.js',
    output: {
        filename: 'bundle.[contenthash].js',
        path: path.resolve(__dirname, './dist'),
        /**
         * publicPath
         * under version 4: publicPath is empty('').
         * over version 4: publicPath is auto
         * 
         * can use list
         *      1. 'dist/'
         *      2. 'https://image.oliveyoung.co.kr/uploads/contents/202410/25oyDay/pc_visual.jpg'
         */
        publicPath: 'dist/',
        // ↓↓↓↓↓ 여기 수정
        clean: {
            dry: true,
            keep: /\.css/
        }
    },

 

output의 clean 옵션은

빌드시

개발자가 원하는 파일을 삭제하거나 유지시킬 수 있다.

 

dry옵션 

-> "내가 유지시킬 파일을 설정하겠다.  다 지우지 마라"

 

keep 옵션

-> "regexp로 걸린 파일들은 keep 해달라"

 

---

빌드해보자

 

bundle.js는 be removed 되었고

style.css 는 be kept 되었다.