Wordpress SCSS 文件观察器 - PhpStorm

Question

我试图在这里和互联网上四处寻找解决方案，但找不到适合我当前环境的任何解决方案。让我解释一下它是怎么回事，我有一个标准的 Wordpress 项目，我在 [n] 个不同的地方编写 SCSS：

/wp-content/themes/{my-child-theme}/scss 其中包含我所有的 _{file_name}.scss 分为 [n]目录和主题根目录中的 style.scss 文件，用于加载它们，因此：

应该只生成一个 .css 文件：style.css。这是第一个工作目录。

所有其他都是我开发的自定义插件，所以所有 scss 都是（我对所有插件使用相同的文件夹结构）/wp-content/plugins/{my_plugin_name }/Resources/assets/css 其中包含一个 {my_plugin_name}.scss 文件，该文件加载所有其他 scss 部分，如上面的屏幕截图所示，因此 /pages 和 /零件 + 如果发生这种情况，还有其他东西。我希望这个 .css 与 {my_plugin_name}.scss 在同一个地方生成。

我习惯于使用这个 config.rb 文件：

    http_path = "/"
    css_dir = "/"
    sass_dir = "/"
    images_dir = "/"
    javascripts_dir = "/"

    output_style = :compressed

还有这个文件观察器配置文件：

如果我一直保持这种方式，我所有的 .scss 都会被编译，无处不在。这显然是我不想要的。我应该如何配置此环境（config.rb + 文件观察器）以使其按我的意愿工作？

如果重要的话，我会在 MacOs Catalina 上使用 PhpStorm 2019.3.4。任何 help/suggestion 将不胜感激。谢谢

Answer 1

未来的导航器，这是我想出来的，因为没有给我任何解决方案。创建一个文件观察器和用户，并将此行用作观察器配置的“arguments”参数。使用范围“项目文件”和工作目录“$ProjectFileDir$”

compile -c config_plugin.rb --debug-info --time --trace --force
compile -c config_theme.rb --debug-info --time --trace --force

其中 config_[what] 是一个单独的文件，如下所示：

http_path = "wp-content/plugins/plugin_name/"
css_dir = "wp-content/plugins/plugin_name/"
sass_dir = "wp-content/plugins/plugin_name/"
sass_dir = "wp-content/plugins/plugin_name/"
images_dir = "wp-content/plugins/plugin_name/"
javascripts_dir = "wp-content/plugins/plugin_name/"

output_style = :compressed

Wordpress SCSS 文件观察器 - PhpStorm

Wordpress SCSS file watcher - PhpStorm

wordpress

sass

phpstorm

compass

file-watcher