调用bootstrap css框架时，将bootstrap文件夹放入 vendor/assets/下

bootstrap文件结构如下：
    [shenma@localhost demo]$ ls vendor/assets/bootstrap/
     css  img  js

[shenma@localhost demo]$ ls vendor/assets/bootstrap/css/
     bootstrap.css  bootstrap.min.css  bootstrap-responsive.css  bootstrap-responsive.min.css

[shenma@localhost demo]$ ls vendor/assets/bootstrap/js/
     [shenma@localhost demo]$ ls vendor/assets/bootstrap/img/
     glyphicons-halflings.png  glyphicons-halflings-white.pngbootstrap.js  bootstrap.min.js

为了成功预编译css 下 .css 文件 和 js下 .js 文件，需要如下操作：

1、在 config/environments/production.rb 下修改配置， 如：

增加  css/*.css   js/*.js 预编译路径
      如： config.assets.precompile += %W(login.css 960.css query.css user_accounts.css jquery-ui-1.8.20.custom.css css/*.css js/*.js)

2、 rake assets:precompile

就会发现，在public/assets/css下  和 public/assets/js 下  已经成功生成相应的预编译文件
如：
[shenma@localhost demo]$ ls public/assets/css/ | grep boot*
bootstrap-78a0f6272d122980f8619d083a59ff47.css
bootstrap-78a0f6272d122980f8619d083a59ff47.css.gz
bootstrap.css
bootstrap.css.gz
bootstrap.min.css
bootstrap.min.css.gz
bootstrap.min-f5df4747a36eb74007d0c4ba70bda825.css
bootstrap.min-f5df4747a36eb74007d0c4ba70bda825.css.gz
bootstrap-responsive-60ee06597d41447ace662cae84bcf41f.css
bootstrap-responsive-60ee06597d41447ace662cae84bcf41f.css.gz
bootstrap-responsive.css
bootstrap-responsive.css.gz
bootstrap-responsive.min-9c6d6ce0e50b323d2e2f199373c69ae0.css
bootstrap-responsive.min-9c6d6ce0e50b323d2e2f199373c69ae0.css.gz
bootstrap-responsive.min.css
bootstrap-responsive.min.css.gz

Rails : css或js文件无法成功预编译或调用jquery类插件时预编译问题的更多相关文章

  1. 关于JAVA EE项目在WEB-INF目录下的jsp页面如何访问WebRoot中的CSS和JS文件

    找了这么久资料,总算解决了 感谢博客园:http://www.cnblogs.com/xsht/p/5275081.html 感谢百度:http://zhidao.baidu.com/link?url ...

  2. 用JavaScript动态加载CSS和JS文件

    本文转载自:http://www.cnblogs.com/xiaochaohuashengmi/archive/2011/11/14/2248451.html 今天项目中需要用到动态加载 CSS 文件 ...

  3. Gulp实现css、js、图片的压缩以及css、js文件的MD5命名

    目前做代码压缩合并的工具有很多,诸如gulp,webpack,grunt等等,可以说这些项目构建工具的功能非常之强大:图片压缩.图片转base64.css和js的压缩以及合并,文件的md5重命名 -- ...

  4. JQuery 加载 CSS、JS 文件

    JS 方式加载 CSS.JS 文件: //加载 css 文件 function includeCss(filename) { var head = document.getElementsByTagN ...

  5. CSS 和 JS 文件合并工具

    写 CSS 和 JavaScript 的时候, 我们会遇到一个两难的局面: 要么将代码写在一个大文件, 要么将代码分成多个文件. 前者导致文件难以管理, 代码复用性差, 后者则因为需要在载入多个文件令 ...

  6. CI框架引入外部css和js文件

    首先在项目根目录下建立assets文件夹,在这个文件夹下再建立css和js文件夹分别放置css和js文件 然后,在项目根目录下建立.htaccess文件 内容如下: RewriteEngine on  ...

  7. 【转载】IIS7.5（经典模式）访问静态资源(.css和.js文件）提示：未能执行 URL

    IIS7.5(经典模式)静态资源(.css和.js文件)提示:未能执行 URL “/”应用程序中的服务器错误. 未能执行 URL. 说明: 执行当前 Web 请求期间,出现未处理的异常.请检查堆栈跟踪 ...

  8. 使用时间戳引入css、js文件

    前言 最近在一家创业公司实习,主要负责新版官网和商家平台管理系统的前端开发和维护,每次测试都要上传文件到ftp服务器端测试,初期由于更新修改比较频繁,每次都是直接上传覆盖css.js.php文件,链接 ...

  9. asp.net使用httphandler打包多CSS或JS文件以加快页面加载速度

    介绍 使用许多小得JS.CSS文件代替一个庞大的JS或CSS文件来让代码获得更好的可维 护性,这是一个很好的实践.但这样做反过来却损失了网站的性能.虽然你应该将你的Javascript代码写在小文件中 ...

随机推荐

  1. Quartz Core框架之core animation

    1.时间功能 (1)CFTimeIntervalCACurrentMediaTime ( void ); :返回当前的绝对时间 2.转换功能 (1)bool CATransform3DIsIdenti ...

  2. PHP使用字符串名称调用类的方法

    <?php class Game { function Play($id) { echo "Playing game $id\n"; } } $game = new Game ...

  3. iOS 统计App 的代码总行数

    打开Terminal,cd 到项目的根目录下,输入以下命令 find . -name "*.m" -or -name "*.mm" -or -name &quo ...

  4. 【转载】Android 自动化测试 Emmagee

    Emmagee 是一个性能测试小工具 用来监控指定被测应用在使用过程中占用机器的CPU, 内存,流量资源的性能小工具 Emmagee 介绍 Emmagee是网易杭州研究院QA团队开发的一个简单易上手的 ...

  5. Option

    在scala中Option是一个有可能包含值的容器 Option对应的特质如下 trait Option[T] { def isDefined: Boolean def get: T def getO ...

  6. Java笔记9-正则表达式

    提纲: 1.正则表达式 2.常见的异常 3.内部类------------------------------------------------------------------JDK 1.4以后 ...

  7. 数论 UVALive 2911

    这道题是一道数论题. 题目的意思是告诉m.p.a.b,并且告诉你xi满足的两个条件.让你求出 xp1 + xp2 +...+ xpm 的最大值(其中p<=12,切p是偶数). 这里需要对于xi所 ...

  8. 通过源码成功启动odoo 10.0

  9. sass编译

    sass编译 命令行编译 单文件转换命令 sass style.scss style.css 单文件监听命令 sass --watch style.scss:style.css 文件夹监听命令 sas ...

  10. [NOIP2013] 火柴排队（归并排序）

    题目描述 涵涵有两盒火柴,每盒装有 n 根火柴,每根火柴都有一个高度. 现在将每盒中的火柴各自排成一列, 同一列火柴的高度互不相同, 两列火柴之间的距离定义为: ∑(ai-bi)^2 其中 ai 表示 ...