hari
289
2021-09-11 10:19:15
1
166

JS 사용하지 않는 많은 변수를 가져오면 문제가 생길까요?


공통 스타일 컴포넌트를 만들어 놓고 매번 export로 추가하는게 귀찮아서

하나의 오브젝트 내에 모든 컴포넌트를 정의해놓고 사용할려고 하고있습니다.

import styled from "styled-components";

const Button={
    DefaultButton : styled.div`
    width: 100%;
    height: 100%;
    background-color: #fff;
    border: 4px solid black;
    padding: 20px;
    font-size: 15px;

    `,
    WhiteButton : styled.div`
    width: 100%;
    height: 100%;
    background-color: #000;
    border: 4px solid #fff;
    padding: 20px;
    font-size: 15px;
    
    `

}


export default Button;

추후에 글로벌 스타일 컴포넌트가 많아지고 이걸 참조하는 페이지가 A,B,C ... 이렇게 많이 늘어날경우

성능에 문제가 생길까요? 

0
  • 답변 1

  • 꿈의연봉1800
    349
    2021-09-11 12:40:14
    스크립트 로드 되는 속도랑 앱 용량이 실제로 늘어나는데 이건 미미한 수준이고
    파일을 나누면 트리쉐이킹이 들어가서 최적화 될 여지가 있으니까
    가능하면 나눠두는게 좋아요
  • 로그인을 하시면 답변을 등록할 수 있습니다.