WordPress-wp_enqueue_script / wp_enqueue_style不起作用

Question

我已經為自己編寫了一些WP-Plugin，

wp_enqueue_script('jquery');        
wp_enqueue_script('myapp1', $pluginpath . 'build/js/app.min.js', array('jquery')); 
wp_enqueue_style("myapp2", $pluginpath . 'build/css/style.css');

在本地主機上進行測試時，everythink可以正常工作，因此我將所有內容上傳到服務器，在那里，我的插件也正常工作，但是不包括app.min.js和style.css （？）

這可能是什么原因？

Answer 1

好吧，我想到的第一件事是$ pluginpath變量設置不正確。 檢查瀏覽器控制台文件是否完全入隊，如果入隊，則應產生404錯誤。 如果產生了錯誤，則可以看到文件路徑並檢查它是否正確（如果看起來文件丟失，則不應該如此）。

另外，您不必加入jQuery，因為WordPress核心可以做到這一點。

Answer 2

在wp_head()函數中使用wp_enqueue_script() / wp_enqueue_style()引用的文件。

在評估您的短代碼時，此部分已經完成，因此將永遠不會引用您的文件。

您必須使用wp_enqueue_scripts操作添加樣式：

function my_scripts() {
    wp_enqueue_style("myapp2", $pluginpath . 'build/css/style.css');
}
add_action( 'wp_enqueue_scripts', 'my_scripts' );

沒有辦法解決，因為樣式屬於頭。

不過，對於您的JS，您可以使用另一個參數將其加載到頁腳中：

wp_enqueue_script('myapp1', $pluginpath . 'build/js/app.min.js', array('jquery'), "1.0", true); 

您可以將其添加到您的短代碼中，以便至少僅在需要時才加載JS。

（版本號可以是您想要的任何版本，在釋放JS文件的新版本時增加它很有用，因此瀏覽器不會使用緩存中的舊版本。）