Js-beautify: SCSSマップの問題

作成日 2017年08月25日  ·  12コメント  ·  ソース: beautify-web/js-beautify

入力

美化前のコードは次のようになりました。

$theme-colors: (
  primary: $blue,
  secondary: $gray-600,
  success: $green,
  info: $cyan,
  warning: $yellow,
  danger: $red,
  light: $gray-100,
  dark: $gray-800
) !default;

期待される出力

上記のコードは正しくインデントされています。 したがって、同じままである必要があります。

実際の出力

美化後のコードは実際には次のようになりました。

$theme-colors: ( primary: $blue,
secondary: $gray-600,
success: $green,
info: $cyan,
warning: $yellow,
danger: $red,
light: $gray-100,
dark: $gray-800) !default;

環境

OS:Windows

設定

{
  "end_with_newline": true,
  "max_preserve_newlines": 2,
  "preserve_newlines": true,
  "js": {
    "indent_with_tabs": true,
    "indent_size": 4
  },
  "css": {
    "indent_size": 2,
    "newline_between_rules": true,
    "selector_separator_newline": true,
    "space_around_combinator": true
  },
  "html": {
    "indent_size": 2,
    "unformatted": [],
    "wrap_attributes": "force-aligned"
  }
}
css templating bug

全てのコメント12件

@mrahhal @bitwiseman
私は同じ問題を抱えています。

$mdc-typography-styles-body1: (
  font-size: 1.125rem,
  color: $g,
  // ggrey
);

になります

$mdc-typography-styles-body1: (font-size: 1.125rem,
color: $g,
// ggrey
);

私はこれについてちょっとイライラしています。 これについて何か追加していただければ幸いです。

私は同じ問題を抱えています。 保存コマンドを使用しようとしましたが、それも機能しません。

/* beautify preserve:start */
$inuit-config: (
  env: dev,
  healthcheck: false,
  debug: true,
);
/* beautify preserve:end */

これはhttps://beautifier.io/で再現でき

cssがpreserveコマンドに別の表記法を使用しているかどうかにかかわらず、ヒントは見つかりませんでした。 だから私は疑問に思います:私は何か間違ったことをしていますか?

@rowild
あなたは何も悪いことをしていません。
残念ながら、 preserveはまだcssに実装されていません。 ただし、 ignoreをサポートする1​​.8.10-beta4をリリースしました。 ぜひお試しください。

2019年にこれに対する解決策はありますか?

@Simpleqode
人々は誰かがソリューションを実装することに興味を持っているようです。 どんな助けでもいただければ幸いです。

それで、これについてはまだ何もありませんか? 何年も経ちましたが、まだ同じ問題が発生しています。 このプロジェクトは、scssのフォーマットを適切にサポートすることを意図していないので、代わりの方法を探す必要があると思います。

@mrahhalやってみましたか

/* beautify ignore:start */
$inuit-config: (
  env: dev,
  healthcheck: false,
  debug: true,
);
/* beautify ignore:end */

手動でフォーマットする必要がありますが、これは問題なく機能すると思います。

@bitwiseman
私は今日だけあなたに答えなかったことに気づきます-ごめんなさい!
はい、ソリューションは正常に機能します。 ありがとうございました!

これはうまくいきました! beautifyがscssを単純に理解することを望んでいましたが、理解しないのは当然だと思います。 私はcssだけがreadmeで言及されていることに気づきました。 いずれにせよ、これは今のところ良い回避策として役立ちます。 ありがとう@rowild!

@mrahhalよろしくお願いします! しかし、@ bitwisemanへのすべての称賛! :-)乾杯して、安全を確保してください!

これを開いたままにしておくべきかどうかはわかりませんが、すでに古すぎるため、今はこの問題を閉じます。 SCSSの問題が一般的にどこかで追跡されているのか、それとも実際にSCSSを適切にサポートする計画がないのかはわかりません。

SCSSにはある程度のサポートがあり、徐々に取り組んでいます。

このプロジェクトは多くの人に利用されていますが、基本的にこの時点で1人の貢献者がいます。 だから、物事が起こるスピードは私が時間があるときです。 誰かが一緒に来ることを選択し、あなたが知っているように、これを貢献することを選択した場合でも、これは実装されるのに素晴らしいことです。 または、できる限りそれを取得します。

このページは役に立ちましたか?
0 / 5 - 0 評価