# CSS4 - 關於 css4 and postcss 的一些想法 ## 前言 在年末才來發這篇文… 在今年大家開始瘋 react(咦? AngularJS 勒…), Babel, postcss 好像沒聽過上述這幾個詞就沒法自稱前端工程師(還好我現在都自稱打字員) 到了最近才有空閒研究 postcss 到底在做啥 一開始聽說可以無痛接軌未來(welcome to feature), 不像 Sass 未來如果要轉換就不好轉換(其實見仁見智啦) 聽起來好潮喔, 但很忙沒時間搭理它 而且這年頭的 tool 都越來越多步驟和許多工具要搞, 除非靜下心來專心研究, 不然哪有時間搞啊(感覺像是逃避的藉口…) 直到了最近自己有些小東西要改, 需要用到變數的功能, 就想到 CSS4 不是有大家夢寐以求的 var() 功能嗎(感覺潮潮的) 就花了點時間研究一下 postcss 這在 github 的專案 一看下去不得了, 包山包海一卡車功能, 還包含了之前聽別人介紹的連 Sass 的部分寫法的功能都有… 看完的瞬間想翻桌, 只是要寫個 CSS, RD 何苦為難 RD 呢, 我不需要那麼多功能啊~ 還好有仔細看到主要 CSS4[註] 是用 cssnext 這專案來處理(網站還用回到未來的梗…) 所以我就果斷使用 cssnext 就好了(我真的很討厭用一套工具還要裝許多套件, 然後有的套件還不一定是你需要的不然就是有套件的部分功能是重複的…) ## gulpfile 設定 現在有一大堆 build tool 像是 grunt, gulp, browserify, webpack 等工具 ...