当 javascript 文件夹外的文件更改时触发 webpacker 编译

Posted 2023-03-07

【中文标题】当 javascript 文件夹外的文件更改时触发 webpacker 编译

【英文标题】：Trigger webpacker compile when file outside javascript folder changes

【发布时间】：2020-09-07 07:17:13

【问题描述】：

在开发过程中，我在 Rails 应用程序中遇到了 webpacker 问题。当一些相关的配置文件发生变化时，Webpacker 也应该编译，但不会因为它们不在 app/javascript 文件夹中。

是否让 webpacker 也监视其他文件的更改？

更详细： 我通过 webpacker 加载我的 css。为此，我使用 TailwindCSS 和 postCSS。我倾向于稍微更改顺风配置文件（位于应用程序根目录中），以自动生成其他实用程序和/或变体。 但是，当我更改 tailwind 配置文件时，它不会触发 webpacker 在下一页加载时重新编译。只有当我更改 app/javascript 文件夹中的一个文件时，它才会重新编译——即使它只是添加了一个额外的空白行。我想避免手动触发 webpacker 重新编译。

我没有改变 webpacker 的 Rails 默认值。

【参考方案1】：

在config/webpacker.yml 中，您希望将文件和目录添加到resolved_paths 部分。

resolved_paths:
  - app/assets
  - tailwind.config.js

本文有更多信息https://rossta.net/blog/why-does-rails-install-both-webpacker-and-sprockets.html