less - Livereload 不会将源映射更新为更少的文件

Question

我目前正在使用具有 chrome 的 livereload 功能的 gulp-less 工作流程，并且 gulp-livereload 工作正常。

当我对文件进行任何更改时，livereload 会刷新 css，不幸的是它正在注入livereload css而不是更少的文件。

所以我必须刷新页面以显示相应的less文件，这非常耗时并且没有使用livereload。如果我无论如何都需要刷新页面以查看较少的源映射文件，那么使用 livereload 完全是无稽之谈？

假设我正在从所有较少的文件中生成 custom.css 文件，但是当我更改为任何部分文件时，livereload 也会在文件系统中生成源映射并更新 custom.css ，但在浏览器中我看到的只是注入的 css。

请参阅下面的屏幕截图以获取我面临的确切问题。请注意，它还在注入 css 后附加了一些版本和端口号。例如css/custom.css?livereload=1577164609829对于我的情况。

我期望在刷新时看到的是浏览器中相应的 less 文件，而不是通过 livereload 注入的 css。

有没有人遇到过这个问题？如果是，请帮助我。

注意：请不要建议使用浏览器同步或任何其他方式来代替 livereload。

标签： lesslivereloadgulp-livereload