레일스 자산 파이프 라인에서 자바 스크립트 구성

Question

크게 : 레일스 파이프 라인에서 JS를 구성하는 가장 좋은 방법은 무엇입니까?

구체적으로 말하자면, 나는 괄목할만한 JS 파일을 가지고 있습니다. application.js 매니페스트와 스프로킷 uglify를 포함 시켜서 좋습니다. 그러나 각각의 개별 JS 파일은 다루기 힘들어지기 시작했으며 코드 정리에 수백 줄의 유틸리티 함수를 파고 들지 않도록 정리하고 싶습니다. 목표가 일종의 네임 스페이스/모듈성이라는 것을 알고 있지만,이를 자산 파이프 라인, 특히 스프로킷 매니페스트와 결합하는 것이 가장 좋은 방법인지 모르겠습니다.

것 이미 간주하고 철저하게 읽었다는 :

• 네, 자산 파이프 라인에 전체 레일 가이드를 읽었습니다. 나는 스프로킷 지시어가 require과 require_tree과 같은 작동 방식을 알고 있습니다. 문제는 내가

  // in, say, controller.js 
  //= require 'utilities' 
  ... 
  more code 
  ... 
  
  // and in application.js, more confidently 
  //= require 'controller' 
  

  처럼 뭔가를 할 수 있도록 ES6 import 명령하는 것과 같이 그 같은 지시를 사용하고자하는 것입니다하지만 난 매니페스트가 사용되는 방법이 아니다 느낌을 얻을, 또는 적어도 그것을 그 utilities에서 한 줄을 바꿀 때마다 불필요한 자산 계층을 다시 컴파일 할 것입니다. 나는 또한 모든 파일을 개별적으로 application.js에서 요구한다고 생각했지만 적절한 모듈성을 제공하지는 못합니다.

• 보석은 Paloma, CommonJS 또는 RequireJS와 유사합니다. 이것들은 잔인한 것처럼 보입니다. 보완하기보다는 파이프 라인을 교체하는 것처럼 보입니다.

• ES6, Babel 또는 Browserify와 같은 "Modern"JS. (나는 아직이 프로젝트들에서 겹치는 부분을 아직 이해하지 못한다는 것을 인정하지만, 나는 그들의 목적을 간략하게 생각한다고 생각한다.) 결국 JS는 그 방향으로 움직이는 것 같지만 과잉이라고 생각된다.
• 꿀꺽 꿀꺽 마심. 이전과 같은 맥락에서 자산 파이프 라인을 과도하게 재 작성해야합니다.
• 레일 5 및 스프로킷 4. 현재 레일 4에 설치되어 있으며 스프로킷 4에는 ES6이 내장되어 있다는 것을 알고 있지만 레일스 5가 공개적으로 공개 될 때까지는 업그레이드를 계획하지 않습니다. 풀어 놓았다.

그럼 어떻게해야합니까? 나는 총알을 물고 이들 중 하나와 함께 갈 필요가 있다고 생각하지만, 나는 어느 것이 가장 합리적인지 알아낼 수 없다. 이 프로젝트는 특히 JS에 의존하지 않지만, 나중에보다는 오히려 그것을 구성하기에 충분합니다.

Answer 1

많은 양의 페이지 특정 js가있는 경우 한 번 이상 반복되는 j에 대해서만 자산 파이프 라인을 남기는 것이 가장 좋습니다. 분명히 모든 외부 라이브러리는 계속 vendor/js 폴더에 있어야합니다. 페이지 별 j를 앱에 추가하는 가장 방대한 방법 (라이브러리 또는 스크립트가 한 페이지에서만 필요하면 모든 페이지에서 js로드 방지)은 layouts/application.html 맨 아래에 추가하는 것입니다. ERB는 닫기 body 태그 앞에 바로 파일 : 당신은 당신이 모든 html 태그 후 맨 아래에이 문제를 놓아야합니다 자바 스크립트의 일부 조각을 실행하기 위해 찾고있는보기에 그런

<%= yield :javascript %> 

폐쇄 된 . 일부 div 또는 그보기에있는 것이 아니라 맨 아래에 있는지 확인하십시오.

<%= content_for :javascript do %> 
    <script type="text/javascript"> 
    $(document).on('page:load', function() { 
     all your page specific code here.. 
    }); 
    </script> 
<% end %> 

이 코드는 이제 레이아웃보기는 당신이 필요로하는 대신 자산/JS 폴더의 모든 다른 자산과 함께 연결된되는 특정 뷰로드의 바닥에 굴복한다. 응용 프로그램 전체가 아니며 유지/디버그하기가 매우 쉬운 모든 사용자 정의 j에서이 작업을 수행합니다.