半年ほど放置していたタイトルの疑問がようやく解けたので、忘備録として残します。
- VSCodeのsettings.jsonで”liveSassCompile.settings.autoprefix”に対する値を設定
|
1 2 3 4 5 6 7 8 9 10 11 12 13 |
{ "workbench.startupEditor": "none", "telemetry.telemetryLevel": "off", "update.showReleaseNotes": false, "explorer.confirmDelete": false, "explorer.confirmDragAndDrop": false, "editor.unicodeHighlight.ambiguousCharacters": false, "files.eol": "\n", "liveSassCompile.settings.autoprefix": [ "> 0.5%", "last 2 versions" ], } |
2. “liveSassCompile.settings.autoprefix”に入れる値は、Browserslistで吟味して決める
上のjsonの例だと、
“> 0.5%”: 世界でシェア5%以上のブラウザ
“last 2 versions”: 各ブラウザの最新リリースから2番目に新しいブラウザ
という条件に一致したブラウザでも見れるよう、ベンダープレフィックスを付与してくれます。
