React With Typescript Slack Clone Project Section5 - end

DW J·2023년 1월 15일
0

project-slack

목록 보기
7/8

webpack-bundle-analyzer 링크

  • 번들링 된 js파일의 용량을 확인해 볼 수 있는 라이브러리
  • 배포모드에서 용량 확인하여 최적화를 진행 (트리쉐이킹 / 코드스플리팅 등)
webpack.config.ts

import { BundleAnalyzerPlugin } from 'webpack-bundle-analyzer';

// Development
config.plugins.push(new BundleAnalyzerPlugin({ analyzerMode: 'server', openAnalyzer: true }));

// production
config.plugins.push(new BundleAnalyzerPlugin({ analyzerMode: 'static' }));
profile
잘하는것보다 꾸준히하는게 더 중요하다

0개의 댓글