這幾天確定真的都沒梗，極度沒有營養的內容，所以今天把之前liveSass設定貼上來做為用記錄，不過現在我在做靜態網頁的環境現在都採取使用Prepros，因為設定起來比較簡單，唯一缺點就是要犧牲新台幣買會比較划算，不然一直彈出廣告真的很...，雖然這一套有些也有一些不錯功能，如Js編譯，離題囉趕快拉回今天設定內容，就直接看下面就可以囉

Prepros的連結，推薦裝舊版，目前個人使用6.3.0

{
  "liveSassCompile.settings.formats": [
    // This is Default.
    // {
    //   "format": "expanded",(未壓縮（可閱讀）)
    //   "extensionName": ".css",
    //   "savePath": null
    // },
    // You can add more
    {
      "format": "compact",
      "extensionName": ".css",
      "savePath": "/css"
    },
    // More Complex
    // {
    //   "format": "compressed",(壓縮（體積小，專案上線用）)
    //   "extensionName": ".min.css",
    //   "savePath": "~/../css/"
    // }
  ],
  "liveSassCompile.settings.excludeList": [
    //排除特定檔案，不執行編譯。
    "**/node_modules/**",
    ".vscode/**"
  ],
  "liveSassCompile.settings.generateMap": false,//是否產生 .map 檔案
  "liveSassCompile.settings.autoprefix": [
  //相容性的設定
    "> 1%",
    "last 2 versions"
  ]
}