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

【问题标题】：devtools will not show the changes on less files modificationdevtools 不会显示更少文件修改的更改
【发布时间】：2015-03-25 11:53:30
【问题描述】：

我正在尝试使用devTools修改本地less文件和sourceMaps直接在页面中看到结果。

我已经使用了引导程序和提供的较少文件和地图文件。我没有修改任何东西来确保我的第一个测试文件没有损害任何东西。

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

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

但是，当我直接在 devTools 中编辑 less 文件并保存时，什么也没发生。内容的外观应该改变。

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

【问题讨论】：

Chrome 不会编译您编辑的那些 Less 文件，因此页面中使用的 CSS 不会改变（您需要使用一些观察者，例如最常见的建议是 Grunt/Gulp）。
@seven-phases-max 是的，我现在正在使用 watchers，但是我在网上看到过教程，devtools 似乎理解 less 文件的编译。此功能是否已从 chrome 中删除？如果是，是出于什么意图？
不，Chrome 无法自行编译 Less 文件。（可能您读到的内容是关于 Client-Side compilation 的，但那是另一回事了）。
@seven-phases-max 我没有使用任何药物.. youtube.com/watch?v=6bcCpk_U3qc
在视频中，编译 Less 文件的不是 Chrome，而是这个人演示的框架调用 lessc（基本上它与 Grunt/Gulp 观察者使用另一个框架的方法相同而是）。

【解决方案1】：

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

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

通过在 devtools 工作区中添加 less 文件，可以在 devtools 中修改 less 文件本身。

更多信息请点击链接：

【讨论】：