WordPress WP 指令碼/樣式裝載器可以用於在 front-end 中連線和 gzip scripts 和 styles 嗎？

問題描述

WP 有一個很好的 javascript 載入器包含在 wp-admin 中：http://core.trac.wordpress.org/browser/tags/3.0.4/wp-admin/load-scripts.php

和一個 CSS 載入器：http://core.trac.wordpress.org/browser/tags/3.0.4/wp-admin/load-styles.php

我想知道是否可以在 front-end 中使用它們，而不僅僅是管理員，因為它們可以連線所有入隊指令碼，並將它們作為單個 gzip 壓縮檔案

最佳解決方案

遲到的答案

簡要介紹一下：

你必須使用

include( admin_url().'load-scripts.php' );
和 include( admin_url().'script-loader.php' );

然後跳入 $GLOBALS['wp_scripts']：

使用…

$wp_scripts->default_dirs( array_merge(
     $wp_scripts->default_dirs
    ,array( '/themes/your_theme/js/' )
);

… 擴充套件它

然後使用

$wp_scripts->add( $handle, $path_from_content_dir, false/array( $deps ), $ver )

新增指令碼。

筆記：

未壓縮指令碼由.dev.js(SCRIPT_DEBUG 為 TRUE) 進行搜尋。
$wp_styles 似乎也是可以的。
編輯：當 (SCRIPT_DEBUG 為 TRUE) 時，WP 3.5 將更改此行為並使用.js 作為”dev” 版本和”.min.js”;

(但是我猜這隻有使用外掛或 mu-plugin 才有效。)

沒有測試，如果這樣工作，我不知道。

次佳解決方案

這是一個非常好的問題，將是 WordPress 包含的一個很好的功能。

其他一些答案沒有解決主要問題。

I was wondering if it’s possible to use them in the front-end too, not just admin, because they can concatenate all enqueued scripts, and serve them as a single gzipped file.

目前不可能使用內建的指令碼載入器來連線前端的 css 和指令碼。

幾年前有一個 discussion about this on WP Hackers，有一個 trac ticket for this enhancement 被接受，但是將來的版本。

第三種解決方案

如果您需要在前端排列一個 CSS 檔案：

1) 透過 wp_register_style($ handle，$ src) 註冊樣式 2) 將鉤子 wp_enqueue_style($ handle) 插入到 wp_print_styles 鉤子中。

如果您需要在前端排列一個指令碼：

1) 透過 wp_register_script($ handle，$ src) 註冊樣式 2) 將鉤子 wp_enqueue_script($ handle) 插入到 wp_head 鉤子中。

(注意：我會預期這個 wp_print_styles 鉤子，但這個鉤子顯然不按預期工作。)

參考文獻

Could the WP script/style loader be used to concatenate and gzip scripts and styles in the front-end?

注：本文內容整合自 Google/Baidu/Bing 輔助翻譯的英文資料結果。如果您對結果不滿意，可以加入我們改善翻譯效果：薇曉朵技術論壇。

WordPress WP 指令碼/樣式裝載器可以用於在 front-end 中連線和 gzip scripts 和 styles 嗎？