그누7에서 신규 css파일 추가

Question

안녕하세요, 

그누7에서 신규 css파일을 추가하려고 하는데 어떻게 해야 할까요?
components.css파일이 어디서 만들어지는지를 찾지 못하고 있습니다.ㅠㅠ 
custom.css파일 신규로 생성하여 전체적용하려고 합니다.

감사합니다.

lakil · Answer

dist/css/components.css는 Vite 빌드 결과물이라 직접 수정하면 다음 빌드에서 덮어써집니다. 원본 쪽에 CSS를 추가하고 다시 빌드하는 방식이 맞습니다.

src/styles/custom.css를 만든 뒤 src/index.ts에 다음을 추가하세요.

[code]import './styles/main.css';
import './styles/custom.css';[/code]

이후 실제 템플릿 ID를 확인한 다음 빌드합니다.

[code]php artisan template:list
php artisan template:build sirsoft-basic
php artisan template:update sirsoft-basic --force[/code]

활성 템플릿 디렉터리를...

정정홍 · Answer

안녕하세요. 아래와 같이 답변드립니다.

1. CSS를 추가하고자 하는 템플릿 디렉토리에 CSS 파일 복사
디렉토리:
templates/{id}/src/styles/

예시(sirsoft-basic 템플릿 기준):
templates/_bundled/sirsoft-basic/src/styles/custom.css

2. src/index.ts 에 import 추가
// Styles
import './styles/main.css';
import './styles/custom.css';   // ← 추가

3. 빌드 후 반영
php artisan template:build sirsoft-basic
php artisan template:update sirsoft-basic --force

※ sirsoft-basic 템플릿 기준 - 템플릿을...

웅푸 · Answer

templates/_bundled/sirsoft-basic/dist/css

Glitter Gim · Answer

components.css는 직접작성해서 관리한다기보다 템플릿의 프론트엔드 빌드과정에서 생성되는 것입니다.

 

사용 중인 템플릿의 src/styles/ 쪽을 먼저 확인해 보세요.

기본 템플릿의 경우 src/styles/main.css를 기준으로 Vite 빌드를 거쳐 dist/css/components.css가 생성됩니다.

전체에 적용할 custom.css를 추가하려는 목적이라면 dist/css/components.css를 직접 수정하는 것은 권하지 않습니다.
다시 빌드하면 수정한 내용이 사라질 수 있습니다.

사용자 템플릿의 src/styles/에 custom.css를 만들고 main.css에서...

그누7에서 신규 css파일 추가

답변 4개

공유하기