css – 如何最好地组织rails应用程序中的资产

发布时间:2020-09-15 发布网站:编程之家
编程之家收集整理的这篇文章主要介绍了css – 如何最好地组织rails应用程序中的资产编程之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
当我继续在我的应用程序上取得进展时,我的stylesheets文件夹很快就会溢出.我已经阅读了资产管道上的rails指南,并在互联网上搜索了一个声誉良好的来源,并且仍然在“轨道方式”上处于亏损状态,以保持一切整洁.

在我自己尝试开发系统之前,我希望能得到你们的一些建议.

在资产组织方面,有一个众所周知的“最佳实践”吗?如果没有,那对你有用吗?

截至目前我的设置是这样的:

app/assets/stylesheets >

application.css,application-RESPONSIVE.css

任何特定于正文,容器,导航栏,页脚的代码

controller.scss,controller-RESPONSIVE

*特定于该控制器的任何代码

lib/assets/stylesheets >

reset.css

在我使用的application.css中

*= require reset
*= require_tree .
*= require_self

为了获得所有的风格,我也一直想知道如果需要的话,在树之前设置自己是否更好地覆盖主要风格?

解决方法

Is there a well known “best practice” when it comes to asset organization?

资产组织:

在Rails中,管道资产可以放置在三个位置之一的应用程序内:app / assets,lib / assets或vendor / assets.

1)app / assets适用于应用程序拥有的资产,例如自定义映像,JavaScript文件或样式表.

2)lib / assets适用于您自己的库代码,这些代码并不真正适合应用程序的范围或跨应用程序共享的库.

3)供应商/资产用于外部实体拥有的资产,例如JavaScript插件和CSS框架的代码.

Is it better to set self before tree as a means of overriding the main styles if need be?

application.css是所谓的清单文件.现在,通过用树切换self不会有任何区别,但它会改变它在加载序列中的位置.考虑一下……

将资产放置在逻辑位置后,可以使用清单文件告诉Rails(通过Sprockets gem)如何将它们组合成单个文件.这些清单文件包含指令 – 指示Sprockets为了构建单个CSS或JavaScript文件而需要哪些文件的指令.

附加信息:

Rails做的另一件事是,当你在终端中运行rails generate命令时,为你生成样式表.在创建新控制器时,您将在资产中看到一个带有控制器名称的样式表.它看起来像app / assets / stylesheets / newcontroller.css.scss

还有,史蒂夫克莱因说的话.

希望这可以帮助你.

更新:

I’ve tried looking for examples on github but all of the apps I have found have been too simple and havent shown any advanced organization for a large amount of files.

我鼓励你查看Open Source Rails网站.我看过那里的一些项目,看起来很复杂,足以引起你的兴趣.特别是,请看Discourse app.Discourse由Stack Overflow的联合创始人Jeff Atwood共同创立.我想这说话本身;)

总结

以上是编程之家为你收集整理的css – 如何最好地组织rails应用程序中的资产全部内容,希望文章能够帮你解决css – 如何最好地组织rails应用程序中的资产所遇到的程序开发问题。

如果觉得编程之家网站内容还不错,欢迎将编程之家网站推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您喜欢交流学习经验,点击链接加入编程之家官方QQ群:1065694478