一、導語
最近的戰狼2好火爆啊，每天看戰狼2的票房一路高飆，我估計比吳京還開心。看了這部戲的拍攝過程，除了敬佩就是踏實，是的，吳京是電影圈隔了這么久后能踏踏實實做電影的了,純屬個人見解，不喜請忽略。。。。。。。。。。。。。。。。。。。。。
說道踏實，好吧，我要把基礎給踩踩了，說說最簡單的sass是怎么在html中運行的
二、正文（文中編輯器使用webstorm）
1、創建項目untitlecl(如此隨意，我連默認名都懶得改了，，，，，，，)，再創建H5格式的html textsass.html
2、textsass.html
引入sass的樣式文件，注意引入時，要寫.css的后綴名而不是.sass的后綴名
3、創建sass格式的文件
4、編寫sass文件的樣式
5、控制台輸入 sass common.sass （common為sass文件的樣式名）可在控制台上看到編譯成功后的css文件
6、將sass文件編譯成css置放於項目中，可使用命令 sass common.scss common.css
自動編譯后生成在項目中結構如下：
7、運行項目可看到效果
8、我們不可能每次改某個樣式，都要重新 sass common.scss common.css 一下吧，所以有個監聽方法 sass --watch common.sass:common.css
這樣每次一修改樣式，刷新下瀏覽器，就能看到最新的效果了。
若是要監聽整個項目的樣式，則使用命令 sass --watch stylesheets/sass:stylesheets/css
9、SASS提供四個編譯風格的選項：
1)、nested：嵌套縮進的css代碼，它是默認值。
2）、expanded：沒有縮進的、擴展的css代碼。
3）、compact：簡潔格式的css代碼。
4）、compressed：壓縮后的css代碼。
一般生產環境中使用最后一個 sass --style compressed test.sass test.css
三、結尾
邊琢磨邊寫的，肯定有許多bug，歡迎指出