Rails资产管道-自定义js文件

Rails asset pipeline - custom js files

本文关键字：自定义 js 文件 管道 Rails      更新时间：2023-09-26

我在application.js文件中有几个js文件。例如

//= require jquery
//= require jquery_ujs
//= require dropzone
//= require jquery.cookie
//= require toastr
//VENDOR JS BEGINS
//= require pace/pace.min
//= require modernizr.custom
//= require jquery-ui/jquery-ui.min
//= require boostrapv3/js/bootstrap.min
//= require jquery/jquery-easy
//= require jquery-unveil/jquery.unveil.min
//= require jquery-bez/jquery.bez.min
//= require jquery-ios-list/jquery.ioslist.min
//= require jquery-actual/jquery.actual.min
//= require jquery-scrollbar/jquery.scrollbar.min
//= require bootstrap-select2/select2.min
//= require switchery/js/switchery.min
//= require imagesloaded/imagesloaded.pkgd.min
//= require jquery-isotope/isotope.pkgd.min
//= require classie/classie
//= require codrops-stepsform/js/stepsForm
//= require bootstrap-datepicker/js/bootstrap-datepicker
//= require bootstrap-datepicker/js/locales/bootstrap-datepicker.tr.js
//= require bootstrap-datepicker/js/locales/bootstrap-datepicker.en.js
//= require summernote/js/summernote.min
//= require moment/moment-with-locales.min
//= require bootstrap-daterangepicker/daterangepicker
//= require bootstrap-timepicker/bootstrap-timepicker.min
//= require codrops-dialogFx/dialogFx
//= require ion-slider/ion.rangeSlider.min
//= require owl-carousel/owl.carousel.min

我在html.erb页面中也有一些js代码。但我想把所有特定于页面的js代码放在一个文件中。应该在页面加载后调用此文件。因为他们中的一些人使用了ruby代码，比如谷歌地图的init lat lng。此外，还有一些js文件，如；

    //= require codrops-dialogFx/dialogFx
   //= require ion-slider/ion.rangeSlider.min

在页面加载后工作。所以，它们不起作用，就像我把它们放在头上一样；

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

因此，如果我，将application.js设计为；

//= require jquery
//= require jquery_ujs
//= require dropzone
//= require jquery.cookie
//= require toastr

然后在head标签中调用<%= javascript_include_tag 'application', 'data-turbolinks-track' => true %>，然后像一样调用body标签中的所有其他js文件

<%= javascript_include_tag 'pace/pace.min', 'data-turbolinks-track' => true %>
<%= javascript_include_tag 'modernizr.custom', 'data-turbolinks-track' => true %>
<%= javascript_include_tag 'jquery-ui/jquery-ui.min', 'data-turbolinks-track' => true %>
<%= javascript_include_tag 'boostrapv3/js/bootstrap.min', 'data-turbolinks-track' => true %>
....

rails是否也预编译这些文件？。我在供应商文件中有这些js文件。

Yes Rails将预编译它在javascript_include_tag中找到的所有文件，假设它可以在您的资产路径中找到它们。

但是，为已经在application.js中声明的资产添加javascript_include_tag是多余的，因为它们实际上会在HTML中加载两次。

如果您需要包含正常加载路径之外的资产，则需要告诉Rails在应用程序中预编译自定义文件。rb:

config.assets.precompile << 'path/to/asset'
相关文章：