2 CSS / JS 미세 및 연결을 재생하십시오

StackOverflow https://stackoverflow.com//questions/12685445

  •  12-12-2019
  •  | 
  •  

문제

모든 내 페이지 스크립트를 한 파일에 보관할 수있는 내장 도구 또는 플러그인이 있습니까? 나는 메일 목록을 재생하는 주제를 발견했지만이 질문에 대한 답변이 없습니다.

Google Closure 컴파일러는 어딘가에 깊지 만 프레임 워크 개발자가 작동하는 방법에 대해 실제로 알지 못한다는 것을 제외하고는 아무도 없습니다.

적어도 하나의 파일에서 모든 내 CSS를 함께 연결할 수있는 도구가있는 경우 예쁘게됩니다.

도움이 되었습니까?

해결책

폐쇄 문서를 읽었습니까?그것은 말한다 :

'app / assets'에있는 모든 JavaScript 파일은 Google Closure 컴파일러에서 구문 분석하고 오류 및 종속성을 확인하고 빌드 구성에서 활성화 된 경우 미이 징제됩니다.

참고 : 나는 그것을 확인하지 않았다.

다른 팁

JavaScript 연결, 미크 미니 화 및 Gzipping을 내장 된 자산 컨트롤러를 대체 할 때 우리는 앱에서 사용하고 있습니다.2.2.1 놀이를위한 그것의 설정은 어쩌면 당신을 도울 것입니다.

https://github.com/edustace/assets-loader

나는 재생 프레임 워크에 requirejs를 통합해야한다고 생각합니다. 다음 링크에 대해 설명합니다. - stackoverflow 질문 - 프레임 워크 requirejs 지원

우리가 필요로하는 것처럼 보이는 플레이 1.x 시리즈만을위한 모듈을 발견했습니다 :

JavaScript / CSS 파일 최소화 ""모듈 "을 누릅니다

My Play 2.x 프로젝트에서 우리는 여러 JavaScript 파일을 연결하기 위해 뷰를 사용했습니다. 그것은 유망한 미크링이지만 JavaScript 재사용 및 파일 조직의 기간에 매우 유용했습니다. CSS의 경우이 방법을 사용할 수 있습니다.

JavaScriptRoutes라는 Controler 스크립트 내용을 가져 와서 템플릿에 넣으십시오. 

package controllers

import play.api.Play
import play.api.templates.Html

/**
 * Created by dnoz on 30/06/2014.
 */
object JavascriptRoutes {
  def javascriptRouter(scriptName :String): String = {
    val scriptFile = Play.getFile("app/assets/javascripts/" + scriptName)(Play.current)
    val bufferScriptFile = scala.io.Source.fromFile(scriptFile, "utf-8")
    val reformatedScriptContent = bufferScriptFile.mkString
    reformatedScriptContent
  }
}
.

여기에 스크립트보기의 일부의 예입니다. 

<script type='text/javascript'>
$(function(){
  @Html(JavascriptRoutes.javascriptRouter("backboneClasses/StoredObject/storedObject.model.js"))
  @Html(JavascriptRoutes.javascriptRouter("backboneClasses/Form/form.view.js"))

  //script specific to the view itself:
  var toto = new Object;
  //...
});
</script>
.

스크립트가 미닫이없이 최종 HTML 파일에 완전히 표시됩니다. GZIP HTTP 요청을 사용하여 결과 HTML을 보내면 Minified (그러나 항상 더 좋지만 더 나은) 필수가 아닙니다.

라이센스 : CC-BY-SA ~와 함께 속성
제휴하지 않습니다 StackOverflow
scroll top