jQuery的閉包編譯器命令行

Question

我在Internet Somes論壇上找到了有關在編譯文件中導入jquery的信息

https://developers.google.com/closure/compiler/docs/api-tutorial3?csw=1

使用Google Closure編譯器

是否可以在jQuery中使用Closure Compiler ADVANCED_OPTIMIZATIONS？

他們談論Externs，但是當我編譯代碼時出現錯誤：

$未定義

我嘗試了以下命令：

java -jar編譯器.jar --js js / test.js js / test.js --js_output_file min-js / app.min.js --externs jquery-3.3.externs.js --compilation_level ADVANCED_OPTIMIZATIONS

Java -jar編譯器.jar --js js / test.js js / test.js --js_output_file min-js / app.min.js --externs https://cdnjs.cloudflare.com/ajax/libs/jquery/ 3.3.1 / jquery.min.js --compilation_level ADVANCED_OPTIMIZATIONS

test.js是一個我想壓縮的簡單代碼：

$( document ).ready( function() {

    var val = 0;

    //document.querySelector( ".button" ).addEventListener( "click", upButton );
    $( ".button" ).on( "click", upButton );

    function upButton() {

        val++;
        document.querySelector( ".show" ).innerText = val;

    }

} )

測試巴黎

文件test.js

jQuery( function($) {

    var val = 0;

    //document.querySelector( ".button" ).addEventListener( "click", upButton );
    $( ".button" ).on( "click", upButton );

    function upButton() {

        val++;
        document.querySelector( ".show" ).innerText = val;

    }

} )

命令

java -jar editor.jar --js js / test.js --js_output_file min-js / app.min.js --compilation_level ADVANCED_OPTIMIZATIONS --externs js / jquery.js

錯誤錯誤圖片

Answer 1

這可能是由於$變量在全局范圍內不可用。 通常，jQuery庫在全球范圍內以jQuery而不是$ 。 也許，您應該改用以下方法：

jQuery( document ).ready( function($) {

也可以縮短為

jQuery( function($) {

然后，該代碼塊中的所有內容都可以使用$作為對jQuery的引用。