dynamic import 1
[Vite] 컴포넌트 build시 이미지가 dynamic import되도록 환경설정
Icon 컴포넌트 작성 사내 라이브러리에서 icon 컴포넌트를 만들어야 했는데, 아래와 같이 동적으로 name props을 변경하면 이미지가 변경되도록 구현해야했습니다. import styled from "@emotion/native"; import { IconsNameType } from "../../.."; export type IconProps = { name: IconsNameType; size: 16 | 20 | 24; }; export const Icon = ({ name, size }: IconProps) => { return ; }; const S = { ImageWrapper: styled.Image` width: ${({ size }) => size}px; height: ${({ siz..
Frontend | 2023. 8. 18. 00:12