stylus個人通俗一點認為就是css的框架，可以簡化css**的書寫，和支援一些模組化的使用方式！
base.stylu檔案中：removedefault()
border:none
outline: none
$red = rgb(255,69,0) //定義$red 在引入base.styl的其他styl 中直接使用$red 即可！
這個 styl檔案中定義了乙個函式removedefault() 裡面封裝了一些常用樣式。
當在其他styl檔案或者 vue的lang=「stylus」 的script中，使用 @import 'base.styl',
然後直接 使用 removedefaul()就相當於書寫上面三個樣式！！！
ex:1.styl 中：
@import 'base.styl'
.main
removedefault() //直接使用函式
color:#ccc
font-size:14px
帶引數的函式的使用test(c,border = false)
if( border == true )
border 1px solid c
else
background-color:#ffa500
usetest() //其他styl 通過函式中轉呼叫還是 直接傳參呼叫test()都可！
test(red,true)
css框架極大的提高了css**的復用性，可以把一類好看的元件樣式抽離為乙個檔案，後續用到直接引入檔案呼叫函式即可！！！
關於stylus庫的使用
關於stylus庫的使用 專案中，通常會有那中主題顏色啦，主題字型字型大小啦，或者是某種會重複使用的主題樣式，但是這種東西要是每個檔案都要改那就很蛋疼了，所以對於開發專案來說很需要這種檔案，來減少工作量。大致步驟 建乙個 styl 檔案，然後在你想用的style標籤裡引入這個檔案來使用 abc.st...
stylus在vue中的使用
stylus是乙個css預處理器，比較流行的css預處理器有sass less stylus，它們都一樣，都是css的語法糖，可以使用變數，可以有簡單的邏輯，使css的開發效率更高，更易維護。stylus來自node社群，它的語法相容性強，個人覺得也更加簡潔，選擇在vue中使用。以webpack模板...
配置vue專案stylus變數遇見的問題
問題描述 這個bug是這樣產生的 當我在build utils.js做如下配置時出現的 const stylusoptions return scss generateloaders sass stylus generateloaders stylus stylusoptions styl gene...