Rails : css或js文件无法成功预编译或调用jquery类插件时预编译问题
调用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类插件时预编译问题的更多相关文章
- 关于JAVA EE项目在WEB-INF目录下的jsp页面如何访问WebRoot中的CSS和JS文件
找了这么久资料,总算解决了 感谢博客园:http://www.cnblogs.com/xsht/p/5275081.html 感谢百度:http://zhidao.baidu.com/link?url ...
- 用JavaScript动态加载CSS和JS文件
本文转载自:http://www.cnblogs.com/xiaochaohuashengmi/archive/2011/11/14/2248451.html 今天项目中需要用到动态加载 CSS 文件 ...
- Gulp实现css、js、图片的压缩以及css、js文件的MD5命名
目前做代码压缩合并的工具有很多,诸如gulp,webpack,grunt等等,可以说这些项目构建工具的功能非常之强大:图片压缩.图片转base64.css和js的压缩以及合并,文件的md5重命名 -- ...
- JQuery 加载 CSS、JS 文件
JS 方式加载 CSS.JS 文件: //加载 css 文件 function includeCss(filename) { var head = document.getElementsByTagN ...
- CSS 和 JS 文件合并工具
写 CSS 和 JavaScript 的时候, 我们会遇到一个两难的局面: 要么将代码写在一个大文件, 要么将代码分成多个文件. 前者导致文件难以管理, 代码复用性差, 后者则因为需要在载入多个文件令 ...
- CI框架引入外部css和js文件
首先在项目根目录下建立assets文件夹,在这个文件夹下再建立css和js文件夹分别放置css和js文件 然后,在项目根目录下建立.htaccess文件 内容如下: RewriteEngine on ...
- 【转载】IIS7.5(经典模式)访问静态资源(.css和.js文件)提示:未能执行 URL
IIS7.5(经典模式)静态资源(.css和.js文件)提示:未能执行 URL “/”应用程序中的服务器错误. 未能执行 URL. 说明: 执行当前 Web 请求期间,出现未处理的异常.请检查堆栈跟踪 ...
- 使用时间戳引入css、js文件
前言 最近在一家创业公司实习,主要负责新版官网和商家平台管理系统的前端开发和维护,每次测试都要上传文件到ftp服务器端测试,初期由于更新修改比较频繁,每次都是直接上传覆盖css.js.php文件,链接 ...
- asp.net使用httphandler打包多CSS或JS文件以加快页面加载速度
介绍 使用许多小得JS.CSS文件代替一个庞大的JS或CSS文件来让代码获得更好的可维 护性,这是一个很好的实践.但这样做反过来却损失了网站的性能.虽然你应该将你的Javascript代码写在小文件中 ...
随机推荐
- centos 7 lamp (linux+apache+mysql+php)开发环境搭建(转+原创)
准备篇:CentOS 7.0系统安装配置图解教程 http://www.jb51.net/os/188487.html 一.配置防火墙,开启80端口.3306端口 CentOS 7.0默认使用的是fi ...
- Java随笔一
1.继承:子类调用超类构造器时,super调用构造器的语句必须是子类构造器的第一条语句: Java没有多继承,但是可以构造实现多个接口的类: 2.多态:Java 中,对象变量是多态的.一个父类变量既可 ...
- iOS 创建framework & bundle 主要配置
bundle:base sdk 为iOS, delete compile resource framework:target dependencies,headers,mach-o proj: tar ...
- ping 出现负值
遇到一个问题,使用ping 命令的时候会出现负值.网上查询得知 AMD双核CPU,要打上CPU厂家提供的驱动补丁和微软的双核补.
- Java中获取键盘输入值的三种方法
Java中获取键盘输入值的三种方法 Java程序开发过程中,需要从键盘获取输入值是常有的事,但Java它偏偏就没有像c语言给我们提供的scanf(),C++给我们提供的cin()获取键盘输入值 ...
- Caffe 源碼閱讀(五) Solver.cpp
1.Solver类两个构造函数 Solver(const SolverParameter& param) Solver(const string& param_file) 初始化两个类 ...
- js参数传递分析
需要明白,js基本类型存放在栈,对象存放在堆. 结论:基本类型变量作为参数,不会改变变量值.对象变量作为参数,不修改属性(访问原始对象的操作),也不会改变变量值 起因,是群里一个问题: var a = ...
- Javascript 事件对象进阶(一)拖拽的原理
拖拽原理 鼠标和Div的相对距离不变 三大事件 把拖拽加到document上 拖拽简单点来说就是不停的更改物体到页面左边&顶部的距离! 那么如何计算出物体到页面左端的距离呢? 当鼠标按下的时候 ...
- 关于IIS服务器证书续订
输入办证机构+服务器名或IP 办证机构可以通过certsrv.msc来查看 输入完后点完成
- HA-0302 退役
2016年11月20日 上午12:00许,NOIP2016(复赛)结束. HA-0302正式退役.