【WIP】Rails Client Side Document

创建: 2017/09/15

更新: 2019/04/14 删除其他语言的表述

更新: 2017/10/14 标题加上【WIP】

 引入JavaScrpit/CSS

 manifesto

 n. 货单

 默认的manifesto的位置

 /app/assets/javascripts/application.js
 /app/assets/stylesheets/application.css

 manifest可用的方法

 形式: 在comment(, //)内用=来开头
 例子:
 //= require_self

include指定的path	require path
按字母顺序include指定文件夹内的文件	require_directory path
按递归(?)顺序include指定文件夹内的文件	require_tree path
把当前文件内的内容插入到其他require的前面	require_self
确认默认库的位置	rails c  irb(main):001:0> puts Rails.application.config.assets.paths

 引用JavaScrpit, CSS
 通过manifest

 

 前提 

 已经声明了manifest

 方法

 
 stylesheet_link_tag(src [,opts])

 参数

 

src	manifest的文件名  去掉后缀
opt	选项（书上没有）

 Asset Pipeline

 Asset Pipeline流程

 

,CSS等源代码	1.编译每一个文件 ---》  2.整合到application ---》  3.压缩(删掉comment，换行) ---》  4.增加digest(哈希值?)
图片，音频，视频等纯资源	增加digest(哈希值?)
注意	development环境下  2.整合到application ---》  3.压缩(删掉comment，换行) ---》  不执行

 设定

 

 位置

 config/enviroments/development.rb等

 设定项

 

含义	参数	默认值
		development	production
asset的位置	config.assets.path	自定义的都在app/assets/里面  默认的参照【确认默认库的位置】
路径的前缀	config.assets.prefix	/assets	/assets
debug模式  (是否整合资源源代码)	config.assets.debug	true	false
是否自定编译	config.assets.compile	true	false
是否追加digest	config.assets.digest	true	true
JavaScript的压缩库	config.assets.js_compressor	nil	:uglifier
CSS的压缩库	config.assets.css_compressor	nil	:sass

 CoffeeScript

 Sass(SCSS)

 Ajax开发

 Turbolinks