PhpStorm 中的文件观察器缩小和普通 CSS答案

【问题标题】：File Watcher in PhpStorm minify and normal CSSPhpStorm 中的文件观察器缩小和普通 CSS
【发布时间】：2017-06-26 17:16:54
【问题描述】：

这很有帮助。但我想要一个 normal 样式表，在那里我可以看到开发中的线条。我想要一个用于实时环境的缩小样式表。

这可以用 1 个文件观察器完成吗？因为现在我有 2 个，它会创建 2 个 .map 文件：style.css.map 和 style.min.css.map。我不喜欢那样。

【问题讨论】：

告诉它不要为第二个生成.map 文件？
SCSS 编译器不能同时生成非缩小和缩小的 CSS。如果您需要单个文件观察程序，您可以创建一个批处理脚本，该脚本将为您的 .scss 文件运行 SCSS 以生成 .css，然后在生成的文件上运行一些 uglifier（YUI 压缩器等），并将此脚本配置为观察程序.或者，使用构建工具（gulp/grunt/etc）来执行这两个任务，或者将它们设置为观察者，或者使用它们的watch 任务

【解决方案1】：

我现在已经开始工作了。就像@lazyone 所说，只是不要为缩小的工作表生成 .map 。

这就是你的做法：

在arguments 字段中，添加：--no-cache --style compressed --update --sourcemap=none $FileName$:../$FileNameWithoutExtension$.min.css

sourcemap=none 部分应该可以解决问题。

【讨论】：