G7 코어의 Tailwind CSS는 용량이 왜 작을까요
Tailwind를 전체 빌드하면 약 2MB(minified) 이상인데, G7 코어에 빌드된 결과물은 400kb 남짓이네요.
어떻게 줄어든 결과일까요?
어떻게 줄어든 결과일까요?
어떻게 줄였을까?
17명 참여
마감됨
G7의 기술력이다
17.6% (3표)
트리쉐이킹으로 사용된 일부 클래스만 담았다
82.4% (14표)
투표가 마감되었습니다
|
댓글을 작성하시려면 로그인이 필요합니다.
댓글 13개
G7은 Tailwind 전체를 포함한 게 아니라,
소스에서 실제로 사용된 유틸리티만 추출해서 빌드한 결과로 보입니다.
이 방식이라면 400KB 수준으로 줄어드는 것은 자연스럽고 더 줄일 수도 있어 보이는데 ~
'사용된 일부 크래스만 담았다' 선택해 봅니다.
그렇다면 코어에 사용된 CSS에 따라 빌드가 바뀔 수 있고,
코어 버전에 따라 특정 유틸 클래스가 포함되거나 포함되지 않을 수 있어서
G7 버전에 따라 내 테마의 CSS가 망가질 수도 있다는 뜻이 되는군요~
저는 더 작네요
그누보드5에서 TAILWINDCSS CLI 로 작업한 결과물입니다.
안녕하세요.
그누보드7은 현재 기본 템플릿으로 sirsoft-admin_basic(관리자용)과 sirsoft-basic(사용자용) 2종을 제공하며, 스타일은 Tailwind CSS v4를 사용합니다. (템플릿에서 실제 사용된 클래스만 CSS에 포함됩니다.)
템플릿 시스템은 독립적으로 설계되어 있어, Bootstrap이나 다른 CSS 프레임워크/유틸리티를 사용한 커스텀 템플릿도 자유롭게 개발하여 설치할 수 있는 구조입니다.
감사합니다.
버전에 따라 유틸클래스가 사라지거나 다시 나타나기도하여 테마가 영향을 받을테니까요.
TWBS나 daisyui 등 코어에 의존하지않고 사용하는 것이 좋겠네요.
다만, daisyui처럼 tailwind를 기반으로하는 것을 사용하면 코어와 테마의 두 tailwind 간에 클래스명이 충돌하는 문제가 있을 것 같습니다. 코어에서 tailwind 클래스에 prefix를 적용하는 것이 올바르지 않을까 생각합니다.
또한, tailwind의 CSS 초기화가 적용되어 다른 CSS 프레임워크에도 약간의 영향을 줄 수도 있겠네요.
언급하신 두 테마는 내장된 테마이지만 해당 테마가 적용될 때만 로드하도록 분리하는 것이 적절하지 않나 싶습니다.
실시간 와치 빌드됩니다.
코어 Tailwind는 템플릿 빌드 산출물이라 버전/구성에 따라 달라질 수 있으니,
테마는 코어에 의존하지 않고 자체 빌드를 기준으로 가져가야 한다고 봅니다.
하지만 써드파티는 코어에 내장된 걸 쉽게 따라가버리게 됩니다. https://github.com/kagla/g7-module-kagla-faq/blob/master/resources/layouts/user/user_faq_index.json
코어에서 제공하는 것은 영향을 줄 수 밖에 없으므로 정책을 잘 정리할 필요가 있죠.
https://github.com/gnuboard/g7/issues