Js-beautify: Problem mit SCSS-Karten

Erstellt am 25. Aug. 2017  ·  12Kommentare  ·  Quelle: beautify-web/js-beautify

Eingang

Der Code sah vor der Verschönerung so aus:

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

Erwartete Ausgabe

Der obige Code ist richtig eingerückt. Es sollte also gleich bleiben.

Tatsächliche Leistung

Der Code sah nach der Verschönerung tatsächlich so aus:

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

Umgebung

Betriebssystem: Windows

die Einstellungen

{
  "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

Alle 12 Kommentare

@mrahhal @bitwiseman
Ich habe das gleiche Problem.

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

wird

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

Ich bin etwas frustriert darüber. Ich hoffe, Sie ergänzen etwas dazu.

Ich habe das gleiche Problem. Ich habe versucht, den Befehl beibehalten zu verwenden, aber auch das funktioniert nicht:

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

Dies ist auf https://beautifier.io/ reproduzierbar

Ich habe keine Hinweise gefunden, ob css eine andere Notation für das Konserve-Kommando verwendet. Da frage ich mich: Mache ich etwas falsch?

@rowild
Du machst nichts falsch.
Leider wurde preserve noch nicht für CSS implementiert. Ich habe jedoch gerade 1.8.10-beta4 veröffentlicht, das ignore . Bitte probiere das aus.

Gibt es dafür 2019 eine Lösung?

@Simpleqode
Es scheint, dass die Leute daran interessiert sind, dass jemand eine Lösung implementiert. Jede Hilfe wäre dankbar.

Also noch nichts dazu? Seit Jahren immer noch das gleiche Problem. Ich vermute, dieses Projekt beabsichtigt nicht wirklich, die Formatierung von Scss auf eine gute Weise zu unterstützen, und ich sollte nach Alternativen dafür suchen.

@mrahhal Hast du es versucht

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

Ich denke, das funktioniert gut, auch wenn es eine manuelle Formatierung erfordert.

@bitwiseman
Ich merke erst heute, Ihnen nicht geantwortet zu haben - es tut mir sehr leid!
Ja, deine Lösung funktioniert einwandfrei! Vielen Dank!

Das hat funktioniert! Ich hätte gehofft, dass beautify die scss einfach verstehen würde, aber ich denke, es ist fair, dass dies nicht der Fall ist. Mir ist aufgefallen, dass in der Readme nur CSS erwähnt wird. Auf jeden Fall wird dies vorerst als guter Workaround dienen. Danke @rowild!

@mrahhal Schön, dass es dir geholfen hat! Alle Achtung an @bitwiseman ! :-) Prost und bleibt gesund!

Ich bin mir nicht sicher, ob ich das offen lassen soll, aber ich werde dieses Thema vorerst schließen, da es bereits zu alt ist. Ich bin mir nicht sicher, ob das SCSS-Problem im Allgemeinen woanders verfolgt wird oder ob es einfach keinen Plan gibt, SCSS tatsächlich richtig zu unterstützen.

Es gibt einige Unterstützung für SCSS und es wird langsam daran gearbeitet.

Dieses Projekt wird von vielen Leuten genutzt, hat aber an dieser Stelle im Grunde einen Mitwirkenden. Die Geschwindigkeit, mit der Dinge passieren, ist also, wenn ich Zeit habe. Sollte sich jemand dazu entschließen, mitzukommen und einen Beitrag zu leisten, wäre dies immer noch etwas, das großartig umgesetzt werden könnte. Oder ich komme, wenn ich kann.

War diese Seite hilfreich?
0 / 5 - 0 Bewertungen