레일에서 min.js 파일을 축소하기 위해 uglifier를 사용할 때의 오류

Question

나는 레일 프로젝트 (pdfmake js 플러그인 포함)를 가지고 있습니다. 나는 assets\javascripts 폴더에 pdfmake.min.js 파일을 넣어 application.js로 추가 : 서버, 내가 관련된 한 자산 설정 준비에

//= require pdfmake.min 

그러나

config.serve_static_assets = true 

    config.assets.js_compressor = :uglifier 

    # Do not fallback to assets pipeline if a precompiled asset is missed. 
    config.assets.compile = true 

    # Generate digests for assets URLs. 
    config.assets.digest = true 

을, 나는 준비 서버에 오류가 발생했습니다 :

ReferenceError: Can't find variable: n 

이 오류는 개발 환경에서 발생하지 않으므로 js 컴파일로 인해 발생했다고 생각됩니다.

관련된 소스 코드 :

function(module, exports, __webpack_require__) { 

    /* WEBPACK VAR INJECTION */(function(Buffer) {// Generated by CoffeeScript 1.7.1 
    (function() { 
     var DecodeStream, iconv; 

     try { 
     iconv = __webpack_require__(87); 
     } catch (_error) {} 

     DecodeStream = (function() { 
     var key; 

     function DecodeStream(buffer) { 
      this.buffer = buffer; 
      this.pos = 0; 
      this.length = this.buffer.length; 
     } 

     ...... 

     })(); 

     module.exports = DecodeStream; 

    }).call(this); 

min.js 지방에서 동일 어플리케이션 uglifier

function(t, e, n) { 
     (function(e) { 
      (function() { 
       var r, 
        i; 
       try { 
        i = n(84) 
       } catch (t) {} 
       r = function() { 
        function t(t) { 
         this.buffer = t, this.pos = 0, this.length = this.buffer.length 
        } 
        var n; 
        ...... 
       }(), t.exports = r 
      }).call(this) 

코드없이 uglifier 사용시 상세히 설명하기 일으켰다. 스테이징 중 uglifier 후 js

function(A, t, e) { 
     (function(A) { 
      (function() { 
       var t, 
        i; 
       try { 
        i = e(84) 
       } catch (n) {} 
       t = function() { 
        function t(A) { 
         this.buffer = A, this.pos = 0, this.length = this.buffer.length 
        } 
        var e; 
        ...... 
       }(), n.exports = t 
      }).call(this) 

위의 코드에 따르면 uglifier은 module과 Buffer을 A으로 잘못 지정합니다. 이 문제를 어떻게 해결할 수 있습니까? 준비에

• 안 uglifier :

  나는 어떤 생각을 가지고있다. 준비와 제작에 좋은가?

• pdfmake.min.js을 pdfmake.js으로 바꿉니다.
• 다른 의견은 있습니까?

Answer 1

이전 경험을 바탕으로 이전에 축소 된 자바 스크립트가 uglifier 문제를 일으킬 수 있음을 발견했습니다. 이것은 uglifier의 구형 버그와 관련이있을 수 있습니다. uglifier는 동일한 코드를 여러 번 통과시켜 실행하면 실패합니다.

안정적인 결과를 얻으려면 unugified pdfmake.js를 사용하여 uglifier에 문제가 없어야합니다.

또한 uglifier gem 버전이 2014 (https://github.com/lautis/uglifier/releases?after=v2.5.2 참조) 인 경우 다른 문제를 피하기 위해 uglifier gem을 업그레이드하는 것이 좋습니다.

Answer 2

Phil의 답변에 감사드립니다. 나는 그것이 uglifier에 의해 야기 된 것을 확인할 수 있으며 최신 3.2이이 문제를 해결할 것입니다. 이 대답에서, 나는 그것을 더 깊이 파헤 칠 것이다.

새 레일 프로젝트를 만들고 pdfmake.min.js을 가져오고 uglifier 버전을 사용하는 경우 2.5을 사용하면 문제가 발생할 수 있습니다. 나는 2.5에서 3.2으로 버전을 테스트했고 3.1이 문제를 해결한다는 것을 발견했다.

3.0에서 3.1으로 커밋을 확인한 결과 UglifyJS을 2.7으로 업데이트했습니다. 또한 git ref으로 gem을 구성하여 테스트 한 결과이 업데이트로 문제가 해결되었는지 확인했습니다.

결론적으로 항상 최신 버전으로 업데이트하십시오. 여전히 문제를 해결하지 못하면 축소 된 j를 일반 j로 대체하십시오.