我正在构建一个 Angular 2.0 CLI 应用程序 - 碰巧我有很多很多的 CSS 调整。
我当然可以在 Webstorm 中修改一些东西，按 Ctrl+S 然后等待 3-7 秒让 webpack 构建过程检测到这些更改并更新 View 。
但是我觉得我在浪费很多时间做一些小的改变，比如:border-radius form 5px to 3px - it's killing me..
相反，如果我在 Chrome 开发者工具中更改内容 - 它会立即更新 - 不会浪费时间。即时反馈!
问题:
我如何将所有这些 CSS 更改从 Chrome 保存回 Angular CLI 项目？如果可能跨多个组件:)
大问题:
我知道这对于简单的 css 文件是可能的，但是 Angular CLI 将所有内容都捆绑在 main.bundle 或 styles.bundle 或类似的地方，如下所示:
(这是开发模式而不是生产模式)
我想这很重要，并且可能是 Angular 社区内部的一个主要缺陷——如果现在还没有弄清楚的话……非常感谢!
最佳答案
首先，您可以从 chrome devtools 编辑本地 css 文件。
通过在 angualr.json 文件中添加“extractCss”，并将您的项目文件夹添加到 devtools 文件系统文件夹，您将能够从 devtools 编辑本地项目文件。看my answer此处了解更多详情。
至于我觉得我浪费了很多时间，这没什么可做的，你的项目css文件的每一个变化都会在重新编译时解决.
关于angular - 如何将 CSS 样式更改保存到 Chrome 开发人员工具中的 ANGULAR 2.0 组件表单？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/39646705/