在開發中創建反應應用程序的css源地圖

Question

如何在chrome開發工具而不是<style></style>中創建可見的css文件名？

是否可以將開發工具中所做的更改保存到實際的css/sass文件中？

Answer 1

首先，您的問題標題/正文有點混淆，但我會放棄它。

如何在chrome開發工具中創建可見的css文件名而不是？

假設您想要查看源文件與編譯輸出，這是一個Chrome開發工具設置。您可以從開發工具中輕鬆訪問該設置。在打開開發工具後，您可以通過F1或通過選擇右上方的3點堆棧按鈕來訪問設置。在Sources下，您可以打開「啓用CSS源地圖」。 DevTool Source Map Documentation

是否可以將開發工具中所做的更改保存到實際的css/sass文件中？

是的。您可以使用DevTool Workspaces來執行此操作。您可以閱讀完整的Workspace建議here。