相关疑难解决方法(0)

使用angular cli 6项目在chrome中的工作区中使用组件css文件

我正在尝试在Angular 6/7 CLI项目中使用Google Chrome工作区和CSS持久编辑.

在angular.json配置中添加"extractCSS:true"并使用"--source-map = true"标志时,我可以在Chrome中的"sources"和"elements"标签中看到CSS文件,我可以将其映射到在线CSS文件,但在"元素"面板中更改样式时,更改不会持久,也不会保存到文件中.

是否可以使用工作区从Chrome开发工具中编辑组件CSS文件(不弹出应用程序)?

  • 在下面的GIF中,您可以看到虽然文件名附近的小绿点已打开,表示已建立网络资源和本地文件之间的映射,但元素面板中的更改不会反映在文件中:

更改未保存到文件

google-chrome google-chrome-devtools angular-cli angular angular-cli-v6

5
推荐指数
1
解决办法
219
查看次数