stylus 直轉 css

npm install -g stylus

下載下傳轉義工具包

stylus -w demo.styl -o dist
           

-w 是自動監視檔案 -o 是将編譯後的CSS檔案輸出到指定檔案中   一半在new.styl開終端運作,同級有個dist目錄

在demo.styl裡面寫内容，儲存即可

stylus -w style.styl -o dist     編譯到dist目錄

stylus -w style.styl -o ./     将檔案編譯到目前目錄的同級的目錄

rem方式

rem(px)
    return unit(px / 32, 'rem')
    //根字型大小:寫的時候将視窗調整到目前設計稿的寬度,再檢視根字型大小
margin:rem(100)