Webpack 코드 스플리팅 사용 안하는 방법 (splitChunks)

Kyu·2020년 12월 12일
1
post-thumbnail

아래 내용은 Vue.config.js에 웹팩 설정을 변경한 내용이지만,
단순히 웹팩 기능을 사용하지 않는 코드라서 다른 환경에도 적용이 가능할 것 같습니다.

Webpack 코드 스플리팅 사용 안하는 방법

요즘 프론트엔드 프레임워크의 기본 웹팩 설정에는 코드 스플리팅이 적용되어있는데요,
업무중에 코드스플리팅을 하지 않을 상황이 있어서 찾아보았습니다.

// vue.config.js

module.exports = {
  filenameHashing: false, // 파일명 해싱 안함.
  productionSourceMap: false,// 프로덕션 빌드 소스맵 생성 안함.
  chainWebpack: config => { 
    config.optimization.splitChunks(false)
  },
}

또는

// vue.config.js
module.exports = {
  // ...
  configureWebpack: {
    optimization: {
      splitChunks: false, 
    },
  }
}

0개의 댓글