我正在尝试在 Angular 6/7 CLI 项目中使用具有 CSS 持久编辑功能的 Google Chrome 工作区。
当在 angular.json 配置中添加“extractCSS:true”并使用“--source-map=true”标志时,我可以在 Chrome 的“sources”和“elements”选项卡中看到 CSS 文件,并且可以将其映射到在线 CSS 文件,但是当更改“元素”面板中的样式时,更改不会持久,并且不会保存到文件中。
是否可以使用工作区从 Chrome 开发工具中编辑组件 CSS 文件(无需弹出应用程序)?
- 在下面的GIF中可以看到,虽然文件名附近的小绿点亮了,说明网络之间的映射
资源和本地文件已经建立,更改自
元素面板未反映在文件中:
@Kayce Basques,Chrome DevTools 的技术作家评论了question https://stackoverflow.com/q/53380234/2342414与此类似,说:
DevTools 技术作家在这里。 benshabatnoam 发布的工作流程是我们拥有的最好的工作流程。设置工作区,然后从“源”面板编辑文件。从“元素”面板 >“样式”窗格进行编辑适用于基本项目,但是使用源映射的框架(例如 Angular)遇到问题并进行大量构建转换。很糟糕,我知道,但我记得我们已经深入研究过这个问题,但我们却束手无策直到源映射的使用标准化.
不幸的是你的问题的答案是NO,我们无法(就今天而言)使用工作区从 Chrome 开发工具中编辑组件 CSS 文件:(
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)