2012-08-16 3 views
3

많은 정적 HTML 및 js 파일로 구성된 프로젝트가 있습니다. 연결하고 축소 할 수있는 빌드 도구가 필요합니다.HTML/CSS/JS 빌드 도구

나는 개미와 유이와 함께하는 방법을 설명하는 훌륭한 스크린 캐스트 인 this을 보았습니다. 제가 누락 된 유일한 점은 축소판이 생성 된 후에 HTML에 JS/CSS 파일에 대한 참조를 어떻게 대체 할 수 있습니까? 그래서 새로운 축소판을 참조 할 것입니까?

더 나은/더 쉬운 도구가 있습니까 (GPL/LGPL 라이센스)?

+1

왜 GPL/LGPL이 아닌가요? 이런 식으로 뭔가를 수정할 필요가 없으므로 우려 할 바이럴 라이센스가 없습니다. –

+0

나는 그 라이센스의 사용을 금지하는 대기업에서 일한다. – Tomer

+1

@ ftom2 인터넷에이 질문을하는 것만으로도 방대한 양의 GPL 소프트웨어를 사용하고 있다고 말할 수는 없습니다 :-) – Pointy

답변

5

Grunt은 꽤 좋으며 이러한 것들을 대부분 지원합니다. This plugin은 CSS 링크 태그를 다시 작성하지만 일반적으로 (JS의 경우) 링크/스크립트 태그를 작성하면 축소 된 버전을 곧바로 가리키고 계속해서 파일을 빌드하게됩니다.

+0

'링크/스크립트 태그를 작성하여 곧바로 축소 버전으로 바로 연결합니다' - 나는 많은 CSS/js 파일을 가지고 있고 그것들을 하나의 파일에 연결하기를 원한다. 존재하기 전에 그것을 어떻게 참조 할 수 있습니까? – Tomer

+0

편집중인 파일을 절대 볼 수 없기 때문에 연결된 파일이있는 사이트의 기본 버전 만 볼 수 있습니다. 그란트는 계속 작업하면서 파일을 동기화 된 상태로 유지할 수 있습니다. – izb

+0

2 가지 HTML 버전이 있습니까? – Tomer

0

시도해 볼 수 있습니다 minify JS and CSS. Minify JS는 1 개의 JS 파일을 여러 개의 JS 파일을 병합하고 CSS를 위해 병합 할 수 있습니다.

관련 문제