javascript – 将外部css和js放在rails中的位置
内容导读
互联网集市收集整理的这篇技术教程文章主要介绍了javascript – 将外部css和js放在rails中的位置,小编现在分享给大家,供广大互联网技能从业者学习和参考。文章包含1721字,纯文字阅读大概需要3分钟。
内容图文
![javascript – 将外部css和js放在rails中的位置](/upload/InfoBanner/zyjiaocheng/810/c94398bec6ed4cf0bb6f28b5b9172d9a.jpg)
我刚开始使用rails并加载外部资源,如css和js对我来说一直是个问题.在几个地方读书,我发现,css应放在app / assets / stylesheets和js inside app / assets / javascripts中.这样做后,我在我的视图文件中调用了我的css和js
<%= stylesheet_link_tag "<<path to my css>>" %>
对于CSS和
<%= javascript_include_tag "<<path to my js>>" %>
我把这行包含在我的config / initializers / assets.rb中
Rails.application.config.assets.precompile += [/.*\.js/,/.*\.css/]
但这样做给了我一些编译错误.但我不确定它是否是加载外部资源的正确方法.为了加载css和js,还需要更改的其他地方以及在性能方面包含外部资源的最佳实践.
解决方法:
资产管道
你所指的是一个叫做asset pipeline的东西 – app / assets文件夹是你存储HTML的所有“依赖”文件的地方 – css / js / images等.
资产管道非常简单 –
The asset pipeline provides a framework to concatenate and minify or compress JavaScript and CSS assets. It also adds the ability to write these assets in other languages and pre-processors such as CoffeeScript, Sass and ERB.
它的功能是为您提供一种将CSS / JS“编译”为精简(minified)文件的方法,您可以在前端HTML中调用这些文件.最终目标是使您的“资产”尽可能小,以便您的页面加载速度最快.
–
在你的情况下,你会想要查找Sprockets Manifest Directives –
#app/assets/stylesheets/application.css
/*
*= require self
*= require_tree .
*/
上面将采用app / assets / stylesheets中的每个CSS文件,并将它们连接成一个application.css文件:
#app/views/layouts/application.html.erb
<%= stylesheet_link_tag :application %>
因此,要直接回答您的问题,您只需要在app / assets / stylesheets文件夹中存储外部样式表.
如果你有一个“真正的”外部样式表(由谷歌或其他东西托管),你会希望将它包含在你的布局中,如下所示:
#app/views/layouts/application.html.erb
<%= stylesheet_link_tag :application, "http://cdn.google.com/stylesheet.css" %>
内容总结
以上是互联网集市为您收集整理的javascript – 将外部css和js放在rails中的位置全部内容,希望文章能够帮你解决javascript – 将外部css和js放在rails中的位置所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错,欢迎将互联网集市网站推荐给程序员好友。
内容备注
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 gblab@vip.qq.com 举报,一经查实,本站将立刻删除。
内容手机端
扫描二维码推送至手机访问。