javascript – 需要使用Browserify和browserify-rails的sprockets预处理文件

我正在使用 browserify-rails并且我正在尝试使用sprockets来预处理包含sprockets指令的文件,因此当我使用browserify需要()它时,它将包含生成的JavaScript.

sprockets指令尝试包含gem js-routes的输出,以便允许我从客户端访问Rails路由.

这是我的设置(在app / assets / javascripts中)：

system/
  rails_routes.js
application.js

application.js是主文件,它运行应用程序的其余部分.我希望能够做类似的事情

var rr = require("./system/rails_routes.js");

在其中,并访问路由对象.

在system / react_routes.js中,我有以下内容：

//= require js-routes

console.log("Does this work?");

(顺便说一句,我配置了js-routes将输出放在一个名为module.exports的对象中,以符合Commonjs模型,如railsware/js-routes#121所述)

唯一的问题是,当我查看生成的bundle时,sprockets指令仍然存在并且尚未展开.

console.log调用也在那里,当我需要()模块时执行.

有没有办法让这个工作？在使用browserify-rails捆绑文件之前让链接器预处理文件的正确方法是什么？

解决方法

我花了无数个小时在我的项目中集成browserify-rails并使JS Routes在这个设置中工作……

我来到下面描述的解决方案是我无法在browserify进入之前让Sprockets预处理我的路由文件的结果.我在browserify-rails和sprockets的源代码中花了很长时间但是却没有没有办法扭转局面,让每个组件按照正确的顺序行事.

所以我的解决方案是使用Rails挂钩在开发环境中“手动”生成完整的JS文件,以便路由始终与最新的Rails路由文件保持同步.然后我假设路由JS文件在推送到生产时将是最新的.

在环境加载中这样做可确保在Sprockets / browserify chime in之前JS文件已准备就绪：对于它们来说,它只是另一个普通的JS文件.

这是包含在development.rb中的代码：

Actiondispatch::Reloader.to_prepare do
  Rails.application.reload_routes!

  if JsRoutes.assert_usable_configuration!
    JsRoutes.generate!(Rails.root.join('app/assets/javascripts/routes.js'))
  end
end

您将希望始终重新加载路由,否则生成的文件将始终表示Rails路由文件的倒数第二个状态.我从未想过为什么……

在我的application.js中,然后我删除了所有// =指令但jQuery指令(保持全局jQuery可用),并对所有其他模块使用require方法,以便browserify选择我想要包含的文件.

所以这有点hacky,但确实有效.

我有兴趣看看对Sprockets管道有更好了解的人是否可以提供更好的解决方案？