我目前正在使用具有 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。