加入收藏 | 设为首页 | 会员中心 | 我要投稿 李大同 (https://www.lidatong.com.cn/)- 科技、建站、经验、云计算、5G、大数据,站长网!
当前位置: 首页 > 百科 > 正文

ruby-on-rails – 用于自定义主题的Rails资产管道

发布时间:2020-12-17 02:37:49 所属栏目:百科 来源:网络整理
导读:我的rails应用程序有自定义主题.此主题由8个具有复杂结构的文件夹(子文件夹,大量文件)组成.其中一个文件夹是bootstrap,由css,js和img子文件夹组成.其他一些文件夹和子文件夹也包含css,js和imgages. 如何使用资产管道预编译这些文件以及如何从代码中访问它们
我的rails应用程序有自定义主题.此主题由8个具有复杂结构的文件夹(子文件夹,大量文件)组成.其中一个文件夹是bootstrap,由css,js和img子文件夹组成.其他一些文件夹和子文件夹也包含css,js和imgages.

如何使用资产管道预编译这些文件以及如何从代码中访问它们?

解决方法

我最近购买了一个大型的 HTML5主题并完成了将其纳入我的rails项目并使用资产管道的工作.有一些批量查找/替换我必须做的是让图片网址满意.这是我使用的整体方法:

>将所有提供的“图像”文件和目录放在下面
/供应商/资产/图像.
>将所有提供的样式表放在下面
????/供应商/资产/样式表
>把所有提供的javascript放在
????/供应商/资产/ JavaScript的

使用上述方法,所有相对路径应该按照主题供应商的要求进行维护.例如,我的主题供应商将所有图像都放在’img’目录下,所以我只是复制了该目录,因此它是/ vendor / assets / images / img / …

现在,我们需要获取application.css和application.js文件以正确提取所需的文件:

>在/app/assets/javascripts/application.js中添加需要行以添加主题供应商所说的所有需要??的javascript
>在/app/assets/stylesheets/application.css中添加需要行以添加所需的所有样式表

现在棘手的部分取决于你的javascripts和样式表是否包括其他项目.对于任何已执行的文件,我建议您将它们重命名为.erb(将.erb添加到文件名),这允许您使用rails帮助程序,例如asset_path和image_path:

.i24_arrow-180{ background-image: url(<%= asset_path 'img/icons/packs/fugue/24x24/arrow-180.png' %>); }

或者,在您的javascript中:

'<%= asset_path('js/mylibs/charts/jquery.flot.orderBars') %>':

一旦修复了任何图像路径,就应该准备好使用新主题,它将适用于Asset管道!

警告:我花了几个小时调试一个主题的资产编译问题,事实证明这是因为其中一个图像在文件名中有一个括号,而sass编译器就是在喋喋不休!

(编辑:李大同)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

    推荐文章
      热点阅读