Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/ruby-on-rails/61.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
如何在Rails 4中安装JavaScript库_Javascript_Ruby On Rails_Ruby On Rails 4 - Fatal编程技术网

如何在Rails 4中安装JavaScript库

如何在Rails 4中安装JavaScript库,javascript,ruby-on-rails,ruby-on-rails-4,Javascript,Ruby On Rails,Ruby On Rails 4,对于没有rubygem版本的JavaScript库,如何在Rails中安装它 我检查了,但似乎没有明确说明如何安装JavaScript库。将JavaScript文件添加到app/assets/javascripts文件夹 > cp my_js.js path/to/my_rails_app/app/assets/javascripts/ 确保需要该文件的布局包含一行以包含应用程序javascript: # app/views/application.html.erb <%= jav

对于没有rubygem版本的JavaScript库,如何在Rails中安装它


我检查了,但似乎没有明确说明如何安装JavaScript库。

将JavaScript文件添加到app/assets/javascripts文件夹

> cp my_js.js path/to/my_rails_app/app/assets/javascripts/
确保需要该文件的布局包含一行以包含应用程序javascript:

# app/views/application.html.erb
<%= javascript_include_tag 'application' %>

重新启动服务器,javascript现在应该包含在其中。如果您只有一个文件,那么您可以将其复制并通过
app/assets/js
文件夹
require_树
应该为您覆盖,即在
layouts/application.html.erb
中,这一行将包含所有内容

# app/assets/javascripts/application.js
...
//= require_tree .
如果要使用bower,请将其设置为
vendor
文件夹。并添加到
appl..js
文件中,如下所示

# app/assets/javascripts/application.js

//= require angular
//= require angular-cookie
//= require angular-animate
//= require angular-ui-router
//= require angular-bootstrap
//= require bootstrap

通常,您会将库保存在
/vendor
目录中,并在
application.js
中要求它尝试bower来安装/管理您的基本javascript库..并将它们安装在vendor/assets上,将其添加到
config.assets.precompile
中,如果需要压缩,则将其添加到布局/视图模板中需要的位置。这些库的双子版本很繁重,而您可以使用bower过滤应用程序只需要的文件[
# app/assets/javascripts/application.js

//= require angular
//= require angular-cookie
//= require angular-animate
//= require angular-ui-router
//= require angular-bootstrap
//= require bootstrap