application.js中require()和//=之间的差异

Question

在Rails应用程序中，在application.js中，以//= require开头的行是什么意思？与普通的require();有什么区别？

我是网络开发的新手，一开始我认为这无关紧要，因为它们看起来像是评论。

例如：

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

Answer 1

Rails使用Asset Pipeline(Sprockets(将所有js和css文件捆绑在一起，并对其进行缩小，以获得更好的页面加载性能。

app/assets/javascripts/application.js调用了manifest文件，您可以在其中提及要包含的javascript文件以及使用包含的顺序

//= require

与css类似，您有app/assets/stylesheets/application.css

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

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

javascritp上下文中的require是加载要在当前上下文/文件中使用的javascript模块。它是CommonJS语法。当您使用webpackergem时，就会出现这种情况。