[vue] npm run build 시 사이트 디버깅 막기

npm run build로 웹 페이지를 빌딩 후 ftp등을 이용해 서버에 등록할 때

일반적으로는 js파일 등에서 .map 파일이 생성된다.

이럴 경우 f12 디버그 모드나 소스보기 등에서 사이트 디버깅이 가능하고, 개발한 소스가 노출되는 경우가 있음.

이를 막기 위해 vue 프레임워크를 사용할 때에는 root에 위치한 vue.config.js 파일 내에 

 

module.exports = {

    lintOnSave: false,

    productionSourceMap: false, //js .map 파일을 생성하지 않는다. map 파일 생성시 사이트 디버깅 가능

};

 

해당 코드, productionSourceMap: false << 를 추가해줘 .map 파일 생성을 막은 후 빌드해서 서버에 등록하도록 한다.