vue-cli 3 자동 으로 console.log()의 디 버 깅 정보 제거 방식

vue-cli 3 에 이미 이 기능 이 있 습 니 다.이 기능 만 켜 면 됩 니 다.기본 값 은 닫 힙 니 다.
1.생산 환경 설정 파일 찾기

2.그리고 UglifyJSPlugin 플러그 인 을 찾 아 코드 를 추가 합 니 다.

추가 지식:Vue cli 3 console.log 제거 콘 솔 출력 실현
콘 솔 출력 제거 패키지 다운로드
npm install babel-plugin-transform-remove-console --save-dev
새로 짓다
babel.config.js


let plugins = [
 vant       
 [
 'import',
 {
  libraryName: 'vant',
  libraryDirectory: 'es',
  style: true
 },
 'vant'
 ]
]
//      ，           
if (process.env.NODE_ENV === 'production') {
 plugins.push('transform-remove-console')
}
module.exports = {
 presets: ['@vue/app'],
 plugins: plugins
}

이상 의 vue-cli 3 자동 으로 console.log()를 제거 하 는 디 버 깅 정보 방식 은 바로 작은 편집 이 여러분 에 게 공유 하 는 모든 내용 입 니 다.참고 하 시기 바 랍 니 다.여러분 들 도 저 희 를 많이 응원 해 주 셨 으 면 좋 겠 습 니 다.

이 내용에 흥미가 있습니까?

현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:

처음 vue.js ① ~로컬 환경에서의 개발/환경 구축/vue-cli3~

Vue.js에 대해 많은 기사가 있지만 장을 나누어 로컬 환경에서 FCM과 제휴까지 기사를 써 갑니다. 이번에는 「로컬 환경」에서 Vue.js의 템플릿을 이용한 사이트를 작성해 갑니다. Vue.js 개발 환경의 토대...

텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.

CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.

좋은 웹페이지 즐겨찾기

개발자 우수 사이트 수집

개발자가 알아야 할 필수 사이트 100선 추천 우리는 당신을 위해 100개의 자주 사용하는 개발자 학습 사이트를 정리했습니다