@imwebme/zynk-icon v0.0.0-alpha.7

지원

• react

install

yarn add @imwebme/icons

using

import { ActivityHeart } from '@imwebme/zynk-icon'

Generator

아이콘은 항시 바뀔 수있고 원본은 SVG 파일이기 때문에 SVG 파일을 통해서 react 컴포넌트를 만들 수 있는 자동화를 구축

다른 패키지들은 모두 esm을 사용한다. 하지만 generator에서는 commonJS를 사용하기 때문에 프로젝트를 분리하였다.

• @svgr/core
  • react typescript 형식으로 변환
• plop을 이용한 generator
  • https://stackoverflow.com/questions/20280601/insert-html-in-a-handlebar-template-without-escaping
    • hbs를 이용해서 html을 바로 템플릿으로 변경할때 escaping된다. {{{}}}을 이용해서 재대로 출력할 수 있게 된다.
  • hygen은 여러 파일을 템플릿을 통해 만들어내는 것이 안된다.
    • https://github.com/jondot/hygen/issues/322

using

yarn generate
# alias yarn gen

copy로 사용할 데이터

icons 프로젝트에서 copy데이터에 필요