devtools不会显示更少文件修改的更改

Question

我正在尝试使用devTools修改本地较少的文件和sourceMaps以直接在页面中查看结果。

我已经使用过bootstrap和提供的较少的文件和地图文件。我没有修改任何东西，以确保我的第一个测试文件没有任何妥协。

我正在使用Chrome浏览器的最后一个版本。我已经在devTools中设置工作区以使源文件的版本成为可能，并且我已经检查了允许devTools使用sourcemap和自动重新加载更改css的选项。

当我加载页面并检查元素时，css检查器中显示的文件链接越少。

然而，当我直接在devTools中编辑less文件并保存时，没有任何反应。内容的外观应该改变。

你有什么建议吗？我可能做错了什么？

Answer 1

我终于明白，devtools不会处理更少的文件，而是在外部修改较少的文件时刷新页面。

从技术上讲，程序（例如grunt-contrib-watch模块）正在监视的文件越少，并且当它们被修改时，编译会再次生成样式表，该样式表由devtools监视并因此刷新页面。

通过在devtools工作区中添加较少的文件，可以在devtools中修改较少的文件。

链接后的更多信息：

grunt-contrib-watch ：https://github.com/gruntjs/grunt-contrib-watch

devtools ：https://developer.chrome.com/devtools

少：http://en.wikipedia.org/wiki/Less_(stylesheet_language)