如何有条件地在PHP驱动的模板中包含缩小或未缩小的资源？

Question

我正在使用Wordpress设置，并且有一个模板可以加载我的Gulp生成的JavaScript文件（使用browserify / babelify进行编译）。

我正在使用browserify / babelified结果，我也使用浏览器同步。

当我通过Browser-Sync webserver 使用网站时，我想在我的模板中加载 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 );

同样，我不确定浏览器同步，但如果我没有弄错，只需重新加载正确的浏览器标签，在修改/重新编译资产时重新发送相同的请求。因此，这不足以区分该请求。

但如果您执行上述操作，您将在开发计算机上提供未压缩的资产，稍后部署服务于缩小的资产，而无需更改任何其他内容。