devtools 不会显示 less 文件修改的变化
devtools will not show the changes on less files modification
我正在尝试使用 devTools 修改本地 less 文件和 sourceMaps 以直接在页面中看到结果。
我已经使用了 bootstrap 以及提供的 less 文件和地图文件。我没有修改任何东西来确保我的第一个测试文件没有损害任何东西。
我使用的是 chrome 浏览器的最新版本。我已经在 devTools 中设置了工作区以使源文件的版本成为可能,并且我已经检查了允许 devTools 使用 sourcemap 和自动重新加载更改的选项 css.
当我加载我的页面并检查一个元素时,less 文件 link 在 css 检查器中显示得很好。
然而,当我直接在开发工具中编辑less文件并保存时,没有任何反应。内容的外观应该改变。
你有什么建议吗?我可能做错了什么?
我终于明白devtools不是在处理less文件,而是在外部修改less文件时刷新页面。
从技术上讲,程序(例如 grunt-contrib-watch 模块)监视的文件越少,当它们被修改时,编译会再次生成样式表,该样式表会被 devtools 侦测并因此刷新页面。
通过在 devtools 工作区中添加 less 文件,可以在 devtools 中修改 less 文件本身。
更多信息请点击链接:
grunt-contrib-watch : https://github.com/gruntjs/grunt-contrib-watch
我正在尝试使用 devTools 修改本地 less 文件和 sourceMaps 以直接在页面中看到结果。
我已经使用了 bootstrap 以及提供的 less 文件和地图文件。我没有修改任何东西来确保我的第一个测试文件没有损害任何东西。
我使用的是 chrome 浏览器的最新版本。我已经在 devTools 中设置了工作区以使源文件的版本成为可能,并且我已经检查了允许 devTools 使用 sourcemap 和自动重新加载更改的选项 css.
当我加载我的页面并检查一个元素时,less 文件 link 在 css 检查器中显示得很好。
然而,当我直接在开发工具中编辑less文件并保存时,没有任何反应。内容的外观应该改变。
你有什么建议吗?我可能做错了什么?
我终于明白devtools不是在处理less文件,而是在外部修改less文件时刷新页面。
从技术上讲,程序(例如 grunt-contrib-watch 模块)监视的文件越少,当它们被修改时,编译会再次生成样式表,该样式表会被 devtools 侦测并因此刷新页面。
通过在 devtools 工作区中添加 less 文件,可以在 devtools 中修改 less 文件本身。
更多信息请点击链接:
grunt-contrib-watch : https://github.com/gruntjs/grunt-contrib-watch