如何在rails和webpack的特定视图中执行特定的javascript文件？答案

【问题标题】：How to execute a specific javascript file in a specific view in rails and webpack?如何在rails和webpack的特定视图中执行特定的javascript文件？
【发布时间】：2019-01-14 01:55:15
【问题描述】：

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

我知道webpack 会抛出所有存在于app/javascript/packs 中的JavaScript 文件，并且无论实际加载哪个views，浏览器都会执行它们，这可能会导致错误。

我要做的是让浏览器为特定的view 执行特定的JavaScript 文件。

示例：如果视图为foo.html.erb，则浏览器仅在调用foo.html.erb 时执行位于~/app/javascript/packs 中的JavaScript foo.js。

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

有没有简单直接的方法？

【问题讨论】：

标签： javascript ruby-on-rails webpack

【解决方案1】：

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

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

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

<%= javascript_pack_tag 'foo' %>

【讨论】：