Notice
Recent Posts
Recent Comments
Link
| 일 | 월 | 화 | 수 | 목 | 금 | 토 |
|---|---|---|---|---|---|---|
| 1 | 2 | 3 | 4 | 5 | ||
| 6 | 7 | 8 | 9 | 10 | 11 | 12 |
| 13 | 14 | 15 | 16 | 17 | 18 | 19 |
| 20 | 21 | 22 | 23 | 24 | 25 | 26 |
| 27 | 28 | 29 | 30 |
Tags
- Chart.js
- const 단언문
- 폰트적용하기
- React.js
- CSS
- 리액트
- 2022
- click and drag
- 반복줄이기
- typescript
- JS console
- 커스텀
- 티스토리꾸미기
- 개발콘텐츠
- vue.js
- 타입좁히기
- reactjs
- 제네릭
- react
- 타입스크립트
- 레이아웃쪼개기
- javascript
- 성능최적화
- TSDoc
- NonNullable
- 공통컴포넌트
- 누구나 자료구조와 알고리즘
- React Native
- returnType
- utilty type
Archives
- Today
- Total
몽땅뚝딱 개발자
[npm] Webpack Bundle Analyzer 본문
청크파일을 뜯어보자!
◽ npm
webpack-bundle-analyzer
Webpack plugin and CLI utility that represents bundle content as convenient interactive zoomable treemap. Latest version: 4.5.0, last published: 7 months ago. Start using webpack-bundle-analyzer in your project by running `npm i webpack-bundle-analyzer`. T
www.npmjs.com
◽ 설치하기
npm install --save-dev cra-bundle-analyzer
◽ 실행하기
npx cra-bundle-analyzer
◽ 적용해보자
성능 최적화하기 - (4) Lazy Loading
◽ 컴포넌트 Lazy Loading (Code Splitting) [전] import React, { useState } from 'react' import styled from 'styled-components' import Header from './components/Header' import InfoTable from './compon..
be-a-weapon.tistory.com
'Something Useful > 또 다른 정보' 카테고리의 다른 글
| 스크럼 가이드 정리 (0) | 2022.06.01 |
|---|---|
| 마크다운(Markdown)이란? (0) | 2022.05.19 |
| prettier & eslint 함께 사용하기 (0) | 2022.05.11 |
| Port Kill (0) | 2022.02.23 |
| PDF 미리보기 / iframe과 embed (1) | 2022.02.21 |
'Something Useful/또 다른 정보' Related Articles
more
Comments