有條件地在PHP驅動模板中包含Minified或Unminified Javascript

Question

我正在使用Wordpress設置，並且有一個加載我的Gulp生成的JavaScript文件（使用browserify/babelify進行編譯）的模板。

我很醜化browserify/babelified結果，我也使用瀏覽器同步。

當我通過BrowserSync Web服務器使用的網站，我想加載bundle.js模板中的JavaScript中，當我使用的網站BrowserSync版本外/的（未壓縮）版本在生產中，我想要加載bundle.min.js（縮小）腳本。

Answer 1

我不知道瀏覽器同步如何工作的精確機制，但我通常所做的是根據服務器環境變量或WP_DEBUG的狀態決定要提供哪種版本的資產。

例如，或多或少：

$minified = (defined('WP_DEBUG') && WP_DEBUG) ? '' : '.min'; 

    wp_enqueue_script('my-js', "filename" . $minified . '.js', false); 

同樣，我不知道有關瀏覽器同步，但是如果我沒有記錯它甫一重新加載正確的瀏覽器選項卡，再發時相同的請求修改/重新編譯你的資產。所以這不足以區分這個請求。

但是，如果您執行上述操作，則可以在開發計算機上爲未壓縮的資源提供服務，之後在部署時不需要更改任何其他服務即可提供縮小的資源。