【问题标题】:Is it possible in PhpStorm File Watcher to compile SCSS to CSS AND create minified css?是否可以在 PhpStorm File Watcher 中将 SCSS 编译为 CSS 并创建缩小的 css?
【发布时间】:2016-12-08 20:26:53
【问题描述】:

有一个 --style compressed 参数用于编译压缩 css(例如编译压缩 css 描述 here)。但是可以同时编译 .css 和 .min.css 吗?

或者我应该创建单独的缩小文件观察器? (我尝试创建 2 个 scss 文件观察器,一个用于 .css,第二个用于 .min.css,但第二个替换了第一个,我只得到了缩小的 css)。

【问题讨论】:

  • 不太可能。我的意思是——你可以编写一个批处理/shell脚本来完成这样的工作,然后在文件观察器中使用它——在这种情况下一切皆有可能。好吧 - 而不是批处理/shell 脚本 - 为什么不执行 Gulp/Grunt 任务并从 File Watcher 调用它 - 整体更好的解决方案。在任何情况下(传统方法):创建 2 个文件观察者:一个将 .scss 文件编译为 .css,第二个(可能使用不同的工具)观察生成 .css 文件并将其缩小为 .min.css - 那是可能的,因为 File Watchers 一个接一个地被触发。

标签: sass phpstorm minify file-watcher


【解决方案1】:

可能的解决方案:

  1. 创建 2 个文件观察者 - SCSS->CSSCSS->MIN.CSS。使用任何可用的 CSS uglifier 作为第二个 - 例如YUI Compressor。见https://www.jetbrains.com/help/webstorm/2016.3/minifying-css.html

  2. 创建一个批处理脚本来完成这项工作(为您的 .scss 调用 SCSS 编译器,然后压缩生成的 CSS)并将其设置为文件监视程序

  3. 使用 Gulp/Grunt 任务来编译和缩小文件。您可以将 Gulp/Grunt 设置为文件监视程序,或者使用 Gulp/Grunt watch 任务

【讨论】:

  • P.S.对于 #1 - 不要忘记只处理实际的 .css 文件 - 文件观察程序应使用自定义范围,该范围将排除已缩小的文件 (.min.css) 否则您将获得 .min.min.css 或多次处理相同的文件 - - 缩小已经缩小的文件)
猜你喜欢
  • 1970-01-01
  • 2019-12-05
  • 2018-01-28
  • 2020-01-06
  • 2019-06-15
  • 2018-09-14
  • 2023-02-10
  • 1970-01-01
  • 2017-12-31
相关资源
最近更新 更多