如何使用 Chrome 工作区保存使用 Angular2 + webpack 在本地更改的 CSS？

Posted 2023-03-06

【中文标题】如何使用 Chrome 工作区保存使用 Angular2 + webpack 在本地更改的 CSS？

【英文标题】：How to use Chrome Workspaces to save CSS changed locally with Angular2 + webpack?

【发布时间】：2017-04-08 22:24:52

【问题描述】：

我正在尝试使用 Webpack 和 webpack-dev-server 构建一个 Angular 2 应用程序。

通常我使用 Google Chrome 开发工具的“工作区”功能直接在本地编辑 CSS 文件，这样我就可以对本地 CSS 文件进行永久性的样式更改。

Webpack 也可以这样吗？ IE。定义源映射并让 Chrome 直接写入 CSS 文件？

我不介意不连接 CSS 文件并按原样使用它们。

谢谢！

【参考方案1】：

是的，你可以。阅读 Webpack your Chrome DevTools Workspaces 文章，了解配置 webpack 配置的详细演练。

【讨论】：

嗨，知道如何在 Angular 6/7 中执行此操作而不弹出应用程序吗？谢谢