아래 내용은 Vue.config.js에 웹팩 설정을 변경한 내용이지만,
단순히 웹팩 기능을 사용하지 않는 코드라서 다른 환경에도 적용이 가능할 것 같습니다.
요즘 프론트엔드 프레임워크의 기본 웹팩 설정에는 코드 스플리팅이 적용되어있는데요,
업무중에 코드스플리팅을 하지 않을 상황이 있어서 찾아보았습니다.
// vue.config.js
module.exports = {
filenameHashing: false, // 파일명 해싱 안함.
productionSourceMap: false,// 프로덕션 빌드 소스맵 생성 안함.
chainWebpack: config => {
config.optimization.splitChunks(false)
},
}
또는
// vue.config.js
module.exports = {
// ...
configureWebpack: {
optimization: {
splitChunks: false,
},
}
}