javascript - Sprockets:编译独立的 javascript/样式表文件

Question

我添加:

//= link_directory ../custom/javascripts .js

• Assets
  • 自定义
    • javascript
      • application.js

到 app/assets/config/manifest.js 并假设这样我就能够从我的 View 中单独引用位于 custom 文件夹中的 Assets :

= javascript_include_tag "custom/javascripts/application", 'data-turbolinks-track': 'reload'

但我收到此错误:

The asset "custom/javascripts/application" is not present in the asset pipeline.

如何与默认 javascripts/application.js 文件分开编译 custom/javascripts/application.js？

Answer 1

我想建议您采用不同的方法。而是在manifest.js中添加一个文件夹，为什么不在app/assets/javascripts中添加一个新的custom_application.js，创建一个文件夹app/assets/javascripts/custom并在custom_application.js中添加此文件夹的require？

在您的 app/assets/javascripts/custom_application.js 中(以及您需要的所有内容)

//= require_tree ./custom

在您的前端 app/views/layouts/application.html.erb 头中包含此文件

<%= javascript_include_tag 'custom_application', 'data-turbolinks-track': 'reload' %>

并在您的 config/initializers/assets.rb 中添加以下行:

Rails.application.config.assets.precompile += %w( custom_application.js )

编辑:如果您需要另一个文件夹而不是默认文件夹，可以将其添加到 app/assets 中，然后编辑 app/assets/config/manifest.js:

//= link_tree ../images
//#= link_directory ../javascripts .js
//= link_directory ../custom .js
//= link_directory ../stylesheets .css

在您的 app/views/layouts/application.html.erb 中，您不需要指定路径

<%= javascript_include_tag 'application', 'data-turbolinks-track': 'reload' %>

但是，如果您需要来自 javascript 和自定义文件夹的 application.js，我认为您需要重命名为 custom/application.js