Devtools不等待重新编译css

时间:2014-04-25 10:50:32

标签: css google-chrome gruntjs less google-chrome-devtools

我有一个grunt配置来从css生成less个文件。我有一个观察者集,它也生成源映射,一切似乎都工作正常,除了......

当我更改devtools中的.less文件时,我在控制台中收到一条消息:

http://localhost/url/to/my.css?ver=3.9 resource missing.  Please
reload the page.

这意味着在我更改了开发工具中的.less之后,我的样式不会自动刷新。我还注意到,在grunt重新生成.css文件之前会弹出此消息。

我在这里缺少什么?

1 个答案:

答案 0 :(得分:2)

好的找到了!!结果问题出现在wordpress上。

using wp_enqueue_style(...)它自动在资源的链接中添加版本号(CSS和JS)。

要删除它,您可以在functions.php文件中添加此代码

function remove_cssjs_ver( $src ) {
        if( strpos( $src, '?ver=' ) )
            $src = remove_query_arg( 'ver', $src );
        return $src;
    }
        add_filter( 'style_loader_src', 'remove_cssjs_ver', 10, 2 );
add_filter( 'script_loader_src', 'remove_cssjs_ver', 10, 2 );

然后你的devtools应该像炸弹一样运行!!谁曾想到? WordPress :(