Vue - cli 3 gzip 압축 열기

gzip 압축 열기
gzip 은 GNUzip 의 줄 임 말로 UNIX 시스템 의 파일 압축 에 최초 로 사용 되 었 다.HTTP 프로 토 콜 의 gzip 인 코딩 은 웹 프로그램의 성능 을 개선 하 는 기술 로 웹 서버 와 클 라 이언 트 (브 라 우 저) 가 gzip 를 공동으로 지원 해 야 합 니 다.현재 주류 브 라 우 저, Chrome, Firefox, IE 등 이 이 프로 토 콜 을 지원 하고 있다.흔히 볼 수 있 는 서버, 예 를 들 어 Apache, Nginx, IIS 도 지원 합 니 다. gzip 압축 효율 이 매우 높 고 보통 70% 의 압축 률 에 달 할 수 있 습 니 다. 즉, 웹 페이지 에 30K 가 있 으 면 압축 한 후에 9K 정도 가 됩 니 다.
설치 의존 도:

cnpm i -D compression-webpack-plugin --save

vue. congfig. js 에 코드 논리 추가:

 configureWebpack: config => {
    if (process.env.NODE_ENV === 'production') {
      return {
        plugins: [new CompressionPlugin({
          test: /\.js$|\.html$|\.css/,   //       
          threshold: 10240,              //    10k       
          deleteOriginalAssets: false    //        
        })]
      }
    }
  },

이리 저리 긁 어 모 아서 너희들 을 도 울 수 있 는 지 없 는 지 를 보 자.  주로 최적화 프로젝트 입 니 다.