web-dev-qa-db-ja.com

エンキューされたJavaScriptファイルの依存関係を連結して縮小する

私のテーマにwp_enqueue_scriptを使ったJavaScriptファイルをロードしています。しかし、それと共に、キューに入れられたスクリプト(Gruntによって既に連結され縮小されている)の依存関係として、いくつかのjQueryファイルもロードしています。これが私のコードです:

add_action('wp_enqueue_scripts', function() {
    wp_enqueue_script( 'customscripts', get_template_directory_uri() . '/assets/js/main.min.js', array('jquery', 'jquery-form', 'json2', 'jquery-ui-autocomplete'), NULL, true );
});

Dependencies配列の場合、これらのjQueryの依存関係を連結して最小化する方法を教えてください。私は自分のサイトができるだけ速くロードされるようにしています、そしてそれがロードする必要があるJSファイルが少ないほど良いです。また、(<script>タグにasyncプロパティを使用して)それらを非同期的にロードさせることが可能ならば、それはaceです。

プラグインを使わずにやりたいのですが、必要に応じてプラグインを使います。

助けてくれてありがとう:)

8
Tom Oakley

W3 Total Cache JS/CSSの縮小化を提供します。私は彼らが使用するプロセスに慣れていませんが、もしあなたがプラグインの使用を避けたいのなら、彼らの ソースコード 彼らがそれをどう扱うかを見ることができます。

1
Eric Holmes