vscode配置easy sass 生成壓縮和未壓縮的css文件

1、下載easy sass

 

2、配置 文件

code-->首選項--> 設置--> 搜索sass--> 選擇easy sass --> 在setting.json中編輯

配置代碼，保存。保存之后若無效可重啟vscode

"easysass.formats": [
     //** Easy Sass 插件 **/
        {
            "format": "compressed", // 壓縮
            "extension": ".min.css"
        },
        {
            "format": "expanded",  // 未壓縮  推薦使用
            "extension": ".css"
        }
    ],
    "easysass.targetDir": "",// 自定義css輸出文件路徑 當前目錄下
"easysass.compileAfterSave": true,  //為false避免這類文件編輯保存后被編譯無效

 easysass.formats[i].format 支持四個選項用以編譯生成對應風格的 CSS：
　　 nested：嵌套縮進的 css 代碼。
　　 expanded：沒有縮進的、擴展的css代碼。  // 整理后的格式，未壓縮
　　 compact：簡潔格式的 css 代碼。   // 單個樣式占據一行
　　 compressed：壓縮后的 css 代碼。