webpack을 사용하여 순간 시간대 최적화

moment-timezone은 다른 시간대에서 작업할 때 사용할 수 있는 멋진 도구입니다.

이 도구는 훌륭하지만 사용하지 않을 수 있는 데이터도 많이 포함하고 있어 애플리케이션 크기가 부풀려집니다.

우리는 더 잘할 수 있습니다!

그러나 먼저 몇 가지 사실

응용 프로그램을 최적화하려면 응용 프로그램에 대해 몇 가지 알아야 합니다.

과학 기사에 대한 검색 기능을 제공하는 애플리케이션이 있다고 상상해 보십시오.

각 기사에는 작성 및 마지막 수정 날짜에 대한 정보가 있습니다.

가장 오래된 기사는 1990년입니다.

우리의 응용 프로그램은 유럽과 호주의 대학에서만 사용하고 있습니다.

따라서 다음 시간대 데이터가 필요합니다.

유럽과 호주의 시간대만 해당

1990년부터 2020년까지의 연도 범위(현재 연도)

필요에 따라 최적화

이제 필요한 것이 무엇인지 알았으므로 최적화를 시작할 수 있습니다.

애플리케이션에서 필요한 데이터만 유지하기 위해 moment-timezone-data-webpack-plugin이라는 웹팩 플러그인을 사용할 것입니다.

플러그인 설치

npm i -D moment-timezone-data-webpack-plugin

웹팩에 플러그인 추가하기

단순화를 위해 webpack 파일에 플러그인 관련 구성만 표시합니다.

const MomentTimezoneDataPlugin = require('moment-timezone-data-webpack-plugin');

module.exports = {
  plugins: [
    new MomentTimezoneDataPlugin({
        matchZones: [/^Europe/, '/^Australia/'],
        startYear: 1990,
        endYear: 2020,
    }),
  ]
};

그리고 그게 다야 :)

이제 우리 애플리케이션에는 실제로 필요한 시간대 데이터만 있을 것입니다!

즐거운 코딩! :)