javascript - 如何在 rails 和 webpack 的特定 View 中执行特定的 javascript 文件？

Question

所以我正在用 rails 构建一个应用程序和 webpack , 我摆脱了 assets pipeline和 sprockets .到目前为止，没有什么特别的。

我知道 webpack抛出 app/javascript/packs 中的所有 JavaScript 文件并且浏览器会执行它们，而不管是哪个 views实际上已加载，这可能会导致错误。

我想做的是让浏览器执行特定的 JavaScript特定文件 view .

示例:如果 View 是 foo.html.erb , 浏览器执行 JavaScript foo.js住在~/app/javascript/packs仅当 foo.html.erb打电话。

请记住，我正在使用 webpack，所以将助手 <%= javascript_include_tag : 'foo'%> 放在在我的情况下不起作用，因为我使用 webpack 而不是 assets pipeline

有没有一种简单直接的方法可以做到这一点？

Answer 1

您可以在这里阅读文档 https://github.com/rails/webpacker并使用助手:

<%= javascript_pack_tag 'application' %>
<%= stylesheet_pack_tag 'application' %>

例子。你在 ~/app/javascript/packs 创建一个 foo.js您可以在 View 中调用此文件

<%= javascript_pack_tag 'foo' %>