Vue-cli裏面引用stylus遇到的問題總結

1.stylus的調用

   在vue-cli中用到stylus樣式處理器的時候必定要引用兩個對應的報stylus  stylus-loader

   命令：cnpm install stylus stylus-loader --save-dev    //裝在附屬的配置欄裏

 

2.用stylus時，縮進引起的問題，這裏的縮進樣式必定要規範，不然就會報這種縮進錯誤

 

3. 針對報錯信息  expected "indent", got "eos"  的解決方法（這裏只介紹使用 VS Code）的解決方案

    這句話意思就是說空格符跟縮進衝突了，須要統一規範 

　在網上搜了不少資料關於這個的報錯緣由，最後終於瞭解到具體緣由以及經過實踐得出了具體解決方法

　設置 =》用戶設置 

　　1）系統默認的  editor.insertSpaces:true  不改，由於這句話的意思就是把縮進（tab）轉化爲空格，而咱們的目的就是這樣

       2） 將系統默認的  editor.detectIndentation:true 改成 false，

              緣由：讀取文件的時候系統默認默認用tab鍵，而且這裏的tab鍵跟空格沒有半毛錢關係，而咱們如今要作的就是把tab鍵轉換爲空格，能夠把editor.renderwhiteSpace設置成all,方便查看變化

       3） 爲了避免影響其餘文件格式，這裏默認的只針對vue文件作了處理

     修改後如圖：