什么时候才是用git工作流缩小css和js的合适时机？

时间：2016-01-05 作者：user2525253

刚接触web开发，并且一直在为我的wordpress网站使用git存储库。我可能想得太多了，但接下来。。。

目前，我的工作流程如下：

在本地进行更改并提交给开发分支，为适当的站点版本创建发布标签，然后部署到生产在我的本地计算机上工作时，图像的URL位于本地框中。当我对发布感到满意时，我会将这些图像（压缩、调整大小）上传到一个S3 bucket中，但这还需要返回并在任何代码中更新它们的src。

有很多。css文件，我的主题，以及所有安装的插件。我在考虑使用咕噜声/咕噜声来缩小所有这些，以及连接。然后，将这些文件存储到S3存储桶中，类似于图像。

缩小后，我是否需要更新插件/其他PHP文件中的所有引用，以包含其“min”版本？

部署前缩小与部署后使用插件缩小有什么好处（如果有的话）？

1 个回复
最合适的回答,由SO网友:Welcher 整理而成

最简单的解决方案可能是让WordPress环境告诉插件要加载哪些文件。在WP的开发安装中，您应该设置常量WP_DEBUG 和SCRIPT_DEBUG 为真。然后在你的函数中。php或插件的主文件，可以对图像路径执行以下操作：

if ( defined( \'WP_DEBUG\' ) && true === WP_DEBUG ) {
    define( \'IMG_PATH\', \'/path/to/dev/images\' );
} else {
    define( \'IMG_PATH\', \'/path/to/S3/bucket\' ); 
}
这将允许您设置一次图像路径，并让代码根据环境加载正确的路径：

<img src="<?php echo IMG_PATH;?>/header.jpg" />
当js/css排队时，可以执行类似的操作：

//define the base path to our assets
$basepath = plugin_dir_url( __FILE__ );

//setup the production names for the files
$js_file = \'scripts.min.js\';
$css_file = \'styles-compressed.css\';

//check for WP_DEBUG constant status
if( defined( \'WP_DEBUG\' ) && WP_DEBUG ) {

    //check for SCRIPT_DEBUG constant status
    if( defined( \'SCRIPT_DEBUG\' ) && SCRIPT_DEBUG ) {
        $js_file = \'scripts.js\';
        $css_file = \'styles-development.css\';
    }
}

//load the files
wp_enqueue_script( \'plugin_scripts\', $basepath . \'/js/\' . $js_file  );
wp_enqueue_style( \'plugin_styles\', $basepath . \'/css/\' . $css_file  );
以下是有关debugging in WordPress

希望这有帮助！

标签： plugin-development   theme-development   小码农  

相关推荐