【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])

参数

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

巴特西