[Vue] .map 파일 생성방지

Vue를 배포할 때 map 파일이 생성되는 것을 방지하려면 다음과 같은 항목의 점검이 필요합니다.

vue.config.js 파일

• productionSourceMap :
  vue-cli 속성으로 ture로 설정하면 Vue 소스코드를 복원할 수 있는 map 파일이 생성됩니다. 기본 값은 true입니다. 이와 관련된 내용은 https://cli.vuejs.org/config/#productionsourcemap에서 확인할 수 있습니다. 
  

  module.exports = defineConfig({
     ...
  	//production 모드일 때는 map 파일을 생성하지 않음
     productionSourceMap: process.env.NODE_ENV != 'production',
     ...
  })
  

• configureWebpack / devtool :
  webpack 속성으로 webpack이 map 파일을 생성할지 결정합니다. webpack은 빌드 과정 중 Bundling, Minification 작업을 진행하게 되는데, 이 속성은 Bundling, Minification 이전의 원본 파일들을 복원할 수 있는 map파일을 생성할지 결정합니다. 값을 지정하지 않으면 map파일을 생성하지 않으며 배포에 적합한 파일을 생성합니다. 자세한 내용은 https://webpack.js.org/configuration/devtool/를 확인하세요.
  

  module.exports = defineConfig({
      ...
      //development 모드일 때만 높은 수준의 source-map을 생성
      configureWebpack: {
          devtool:  process.env.NODE_ENV != 'production' ? 'source-map' : undefined,
      },
      ...
  })

tsconfig.json 파일

• sourceMap 속성 :
  TypeScript가 JavaScript로 변환 될 때 Map파일을 생성할지 결정합니다. true로 설정하면 TypeScript를 복원할 수 있는 map파일이 생성됩니다. 자세한 사항은 https://www.typescriptlang.org/tsconfig#sourceMap를 확인해주세요.
  

  {
      "compilerOptions": {
          ...
          //TypeScript에 대한 map파일을 생성할지 결정
          "sourceMap": false,
          ...
      }
  }

References

• WepPack / Configuration : https://webpack.js.org/configuration/devtool/
• vue-cli / Config: https://cli.vuejs.org/config/#productionsourcemap
• TypeScript / tsconfig : https://www.typescriptlang.org/tsconfig#sourceMap