问题标签 [webpacker]

我正在将我的应用程序从 Rails 5.0 升级到 5.1，并且我找不到任何地方提到的一件事 - 使用 Webpacker 来处理 ActionCable JavaScript 文件。

我意识到 Webpacker 和资产管道应该并排工作，但是现在我们已经将 Webpack 构建到 Rails 中，不将它用于位于assets目录（ActionCable 所在的位置）中的文件将是一种浪费，但我可以找不到有关如何执行此操作的任何信息。

我对 Babel 特别感兴趣，所以我可以使用 ES6。有任何想法吗？

Rails 5.1.1、ruby 2.4.1、webpacker 2.0，通过rake test:system.

如果有办法查看更多调试日志，例如哪个文件加载哪些模块等，这将很有帮助。

请注意，只有在没有缓存时才会发生，测试应该是。如果有缓存，webpacker 根本不运行，这是正常的。

问题：

我正在使用带有 Webpacker 的 Rails 5.0，并且正在尝试设置我们的初始 Webpack 配置。在 Rails+Webpacker 中，Webpack 为文件夹中的每个项目生成不同的构建文件app/javascript/packs。有没有办法让这些 Webpack“包”根据包含文件夹的文件解析模块的不同路径？

问题：

我的导入语句中路径的冗余部分导致导入，例如：

主/页面/home.js：

dev_panel/pages/home.js：

ETC...

当然，这对于每个文件和子目录都是复杂的。这不仅单调，而且使文件和代码的重新组织变得令人头疼。

所需模式：

主/页面/home.js：

dev_panel/pages/home.js：

ETC...

示例结构：

我正在使用 vue 并且一切都很好，但是在使用 erb 编译时，控制台向我显示了一个错误：

请，希望可以帮助我！

谢谢

这是文件的内容。目前只有 html 和平面 js，但是使用 erb 扩展编译 y 不起作用

是否已经存在将 webpacker 感知的 javascript 代码和依赖项捆绑到 gem 中的“最佳实践”？

我有由 ruby​​ 代码和随附的 javascript 组成的 gem，两者非常纠结。

在最好的世界里，我们export在 gemimport中和应用程序中都有一些东西。但我目前不知道如何实现这一目标。

gem的package.json依赖关系也需要在应用程序中解决。

有人有想法吗？

我正在使用 rails 5.1，并且在资产管道 js 文件中使用来自 webpacker 的自定义类时遇到问题。

我的想法是，如果我有一些我想在任何地方使用的实用程序 js 类，我会将它添加到包中，然后能够在 webpacker 端的任何东西以及管道端的所有东西中使用它。

如果我想在 webpacker 端使用它，我只需将它添加到

那里没有问题，但后来我尝试在管道端使用那个类，我得到了

我这样使用它：

我已经添加到我的布局文件中：

而且我还尝试添加到管道 application.js

stuff.js 被正确编译到 public/packs/stuff.js 并且在 manifest.json

我还将它添加到了 assests.rb 初始化程序中：

我确定我错过了一些小东西，只是看了太久才看到它。

-----更新-----

当我试图让东西正常工作时，原始帖子中有一点噪音。最后，您只需要接受的答案提供的提示。

在 app/javascript/packs/application.js 添加：

并在您的布局中确保具有：

我不需要 //= 需要管道 application.js 中的东西。我也不需要在 assets.rb 初始化程序中添加公共目录。

要在像 users.js 这样的管道 js 文件中使用，只需确保在所有内容都加载后使用它，如下所示：

或者，如果您想将它内联到您的 index.slim 或您可以执行的操作中：

正确设置后，您将需要重新启动 webpack 服务器：

现在，如果您对 stuff.js 进行更改，它们应该可以按照您的预期立即编译和使用。

我最后的东西类看起来像这样：

我刚刚在 Heroku 上托管的 Rails 5.1.1 应用程序出现此错误

只有一条路线

我的应用只有一个视图：

app/javascript/packs/sales.jsx视图在加载时被 React 组件替换。

该应用程序在开发中完美运行，我rails assets:precompile在推送之前运行并部署到 Heroku。

编辑：这里有完整的源代码

我使用命令创建了新的 rails 应用程序：

当我添加javascript_pack_tag 'hello_react'什么都没有发生并且主页不包含承诺的你好。

我认为这不是 Rails 使用的布局，因为标题是“Ruby on Rails”而不是我的应用程序名称。反应部分也没有渲染。我错过了什么？

我正在使用Railswith webpacker。react

我在我的视图文件中加载这样的组件：

在mycomponent中，我有：

因此，在初始页面加载时，mycomponent已安装。
但是当我访问另一个页面时，回击或单击仪表板的链接（在这种情况下），组件不会加载。必须点击刷新才能加载它。

我认为这与一些Rails正在使用的缓存技术有关吗？
如何让组件在每个请求上加载

与此问题类似（http://foundation.zurb.com/forum/posts/53331-fresh-64-download-js-errors），但使用 zurb/foundation-rails。该应用程序基于 Rails 5.1.1 构建，并且在我升级到基础导轨 6.4.1 之前没有抛出任何错误，现在根本没有基础 js 工作，每个基础组件都Uncaught ReferenceError: exports is not defined在控制台中显示。他们都引用了一行，上面写着：

根据我的谷歌搜索，这可能与 webpacker 或 babel 有关，但我无法看到修复此问题的合乎逻辑的下一步。感谢您提供的任何指导，谢谢！