VSコードについて質問です。
VSコードでSassを出力するとcssとmapがSassのフォルダに出力されてしまいます。
cssはcssフォルダに、mapは出力せず、
scss>compressにコンプレスしたファイルを出力したいのですが、どのようにすれば良いでしょうか?
よろしくお願い出します。
気になる質問をクリップする
クリップした質問は、後からいつでもMYページで確認できます。
またクリップした質問に回答があった際、通知やメールを受け取ることができます。
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
現在sassはLive sass compilerでコンパイルしていると思います。
回答2件
0
マニュアルに記載があります。
VSCodeの設定値のjsonにマニュアルを参考に設定してください。
json
1"liveSassCompile.settings.formats":[ 2 // This is Default. 3 { 4 "format": "expanded", 5 "extensionName": ".css", 6 "savePath": null 7 }, 8 // You can add more 9 { 10 "format": "compressed", 11 "extensionName": ".min.css", 12 "savePath": "/dist/css" 13 }, 14 // More Complex 15 { 16 "format": "compressed", 17 "extensionName": ".min.css", 18 "savePath": "~/../css/" 19 } 20 ]
追記
まず、VSCodeの「setting.json」を開きます。
表示された「setting.json」に追記します。
json
1{ 2 // Controls whether the editor shows CodeLens. 3 "diffEditor.codeLens": false, 4 5 // When enabled, the diff editor ignores changes in leading or trailing whitespace. 6 "diffEditor.ignoreTrimWhitespace": true, 7} 8 9↓ 10 11{ 12 // Controls whether the editor shows CodeLens. 13 "diffEditor.codeLens": false, 14 15 // When enabled, the diff editor ignores changes in leading or trailing whitespace. 16 "diffEditor.ignoreTrimWhitespace": true, 17 18 "liveSassCompile.settings.formats":[ 19 // This is Default. 20 { 21 "format": "expanded", 22 "extensionName": ".css", 23 "savePath": "/dist/css" 24 }, 25 // You can add more 26 { 27 "format": "compressed", 28 "extensionName": ".min.css", 29 "savePath": "/dist/css/compless" 30 }, 31 ] 32} 33
「savePath」はプロジェクトからの相対パスもしくは絶対パスを指定します。
投稿2022/07/14 00:07
編集2022/07/14 06:52総合スコア1005
あなたの回答
tips
太字
斜体
打ち消し線
見出し
引用テキストの挿入
コードの挿入
リンクの挿入
リストの挿入
番号リストの挿入
表の挿入
水平線の挿入
プレビュー
質問の解決につながる回答をしましょう。 サンプルコードなど、より具体的な説明があると質問者の理解の助けになります。 また、読む側のことを考えた、分かりやすい文章を心がけましょう。