时间戳

首页 > 解决方案 > 文件观察工具 JetBrains IDE - CSSO 设置 - 自动缩小 CSS

css - 文件观察工具 JetBrains IDE - CSSO 设置 - 自动缩小 CSS

问题描述

我正在尝试使用 Jetbrains IDE（Webstorm 和 Rider）中的File Watcher工具来自动缩小我的 .css 文件并在整个项目中为它们生成 .min.css 文件。

问题是，它会不断缩小已经具有 .min.css 作为扩展名的文件。所以我最终得到了像slick.min.min.css. 我找不到任何选项来控制匹配文件的标准。是否有一些选项可以强制它忽略 .min.css 文件，所以我不会重复？

我在此处遵循本指南：https ://www.jetbrains.com/help/idea/compressing-css.html#ws_css_compress_create_file_watcher 以及此处的一些提示How to Minify CSS with SCSS File Watcher in PHPStorm IDE

标签： cssintellij-ideaphpstormwebstormjetbrains-ide

解决方案

由于.min.css文件仍然是 CSS 文件，因此您的 watcher 会监听所有这些文件的变化（因为 watcher Scope == Project files，File type == CSS）并产生输出。

作为一种解决方法，我可以建议从观察者处理中排除缩小文件：

  • 创建一个新的范围（设置|外观和行为|范围）排除缩小文件（如file:.css&&!file:*.min.css）
  • 选择这个范围作为你的文件观察者范围

推荐阅读