PrettierのembeddedLanguageFormattingについて
DRANK

これまでも個別に調べたりしてるけど、総まとめ的なものを書いておく。バージョンは3.8.3時点。(ちなみにもうすぐ3.9.0が出るらしい)xxx-in-yyyJSの中にCSSが埋め込まれてるケースを、CSS-in-JSと呼ぶ。それぞれ言語別に見ていく。JS / TSscss-in-js / scss-in-tsstyled-components, css/styled, <style jsx>, css prop, @Component({ styles })graphql-in-js / graphql-in-tsgql/graphql tag, graphql.experimental tag, graphql() call, /* GraphQL */ commenthtml-in-js / html-in-tshtml tag, /* HTML */ commentangular-in-js / angular-in-tsmarkdown-in-js / markdown-in-tsmd/markdown tag(${}があると対象外)ちなみに/* XXX */系のコメントはスペース込みの完全一致で判定される。JSON / JSONC / JSON5 / JSONStringifyGraphQLCSS / LESS / SCSSyaml-in-css / yaml-in-less / yaml-in-scsstoml-in-css / toml-in-less / toml-in-scss誰がそんな使い方するんやって思ったら、Jekyll系か・・・。---で囲われてたらYAML、+++で囲われてたらTOMLになる。 ただ、TOMLはデフォルトでサポートされていないので、そのまま出力される。(TOMLプラグインがあったりして、i…

leaysgur.github.io
Related Topics: