javascript - 如何合并多个 css、js 文件并在 rails 3 中作为一个文件使用?

标签 javascript css ruby-on-rails asset-pipeline

我一直在努力改善 Rails 3 中的页面加载时间,我经历了几次 blogs我了解到我可以分别在 application.cssapplication.js 中包含 cssjs 文件名.

出于测试目的,我从布局中删除了文件并将其包含在 application.css 中,然后在页面重新加载时 css 文件没有重新加载。

我当前的 application.css 文件:

/*
* This is a manifest file that'll be compiled into application.css, which will include all the files
* listed below.
*
* Any CSS and SCSS file within this directory, lib/assets/stylesheets, vendor/assets/stylesheets,
* or vendor/assets/stylesheets of plugins, if any, can be referenced here using a relative path.
*
* You're free to add application-wide styles to this file and they'll appear at the top of the
* compiled file, but it's generally better to create a new file per style scope.

    *
    *= require_self
    *= require 'owl.carousel.min.css'
    *= require 'owl.carousel.min.css'
    *= require 'owl.theme.min.css'
    *= require "flag-sprites.min.css"
    *= require 'owl.transitions.min.css'
    */

layout.html.erb:

<%= stylesheet_link_tag "application.css" %>

最佳答案

如果你使用

*= require_tree .

它将加载 app/assets/stylesheet 中的所有 css 文件,因此无需提及每个文件名。

还有一点要注意,更新application.css和application.js文件后需要重启服务器。希望对您有所帮助。

关于javascript - 如何合并多个 css、js 文件并在 rails 3 中作为一个文件使用?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/38304783/

相关文章:

javascript - 防止模态背景叠加在每个打开的新模态上变暗

javascript - 从 csv 文件读取图像的分页

html - 按钮内的资源管理器工具提示

jquery - 如何防止在下拉菜单中单击时失去焦点

html - :hover -> DIV doesn't display

javascript - Js 在 Rails 中渲染部分的正确位置

javascript - Node.js Express 响应在 Promise 解析之前结束

javascript - 如何使用数组包含并根据对象的属性检查对象

ruby-on-rails - Rails - 变量作为方法名称的一部分

javascript - PHP Mysql 查询 - 允许用户过滤结果