application.js 中 require() 和 //= 的區別

Question

在 Rails 應用程序中，在 application.js 中，以//= require開頭的行是什么意思，與普通的require(); ?

我是 web 開發的新手，一開始我認為這無關緊要，因為它們看起來像評論一樣。

例如，這個：

//= require cocoon
//= require jquery_nested_form
//= require jquery3
//= require jquery_ujs
//= require jquery

Answer 1

Rails 使用Asset Pipeline(Sprokets)將所有 js 和 css 文件捆綁在一起，並將其縮小以提高頁面加載性能。

app/assets/javascripts/application.js稱為清單文件，您在其中提到要包含的 javascript 文件以及要包含的順序

//= require

同樣對於 css，你有app/assets/stylesheets/application.css 8CBA22E28EB17B5F5C6AE2A266AZ

/* ...
*= require_self
*= require_tree .
*/

ruby 上下文中的require()是在當前文件中加載其他文件，以便可以重用它的功能。

javascritp 上下文中的require是加載 javascript 模塊以在當前上下文/文件中使用。 它是 CommonJS 語法。 當您使用webpacker gem 時，就會出現這種情況。