在开发中创建反应应用程序css源映射

Question

如何在chrome dev工具中创建可见的css文件名而不是<style></style>？

是否可以将开发工具中所做的更改保存到实际的css / sass文件中？

Answer 1

首先，你的问题标题/正文有点令人困惑，但我会试一试。

  

如何在chrome dev工具中创建可见的css文件名而不是？

假设您想要查看源文件与已编译的输出，这是Chrome Dev Tools设置。您可以从Dev Tools中轻松访问该设置。打开开发工具后，您可以通过F1或右上角的3点堆栈按钮访问设置。在Sources下，您可以启用＆＃34;启用CSS源地图＆＃34;。 DevTool Source Map Documentation

  

是否可以将开发工具中所做的更改保存到实际的css / sass文件中？

是的。您可以使用DevTool工作区来执行此操作。您可以阅读完整的工作区建议here。