Js-beautify: Problème de cartes SCSS

Créé le 25 août 2017 · 12Commentaires · Source: beautify-web/js-beautify

Contribution

Le code ressemblait à ceci avant l'embellissement :

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

Production attendue

Le code ci-dessus est correctement indenté. Donc ça devrait rester le même.

Sortie réelle

Le code ressemblait en fait à ceci après l'embellissement :

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

Environnement

OS : Windows

Paramètres

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

Source

mrahhal

👍2

Tous les 12 commentaires

@mrahhal @bitwiseman
J'ai le même problème.

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

devient

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

Je suis un peu frustré à ce sujet. J'espère que vous ajouterez quelque chose à ce sujet.

fifn2 le 9 nov. 2018

J'ai le même problème. J'ai essayé d'utiliser la commande preserve, mais cela ne fonctionnera pas non plus :

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

Ceci est reproductible sur https://beautifier.io/.

Je n'ai trouvé aucun indice, si css utilise une notation différente pour la commande préserver. Alors je me demande : est-ce que je fais quelque chose de mal ?

rowild le 9 janv. 2019

@rowild
Vous ne faites rien de mal.
Malheureusement, preserve n'a pas encore été implémenté pour css. Cependant, je viens de publier 1.8.10-beta4 qui prend en charge ignore . S'il vous plaît, essayez cela.

bitwiseman le 10 janv. 2019

👍1

Y a-t-il une solution à cela en 2019 ?

simzikov le 5 nov. 2019

👍1

@Simpleqode
Il semble que les gens s'intéressent à quelqu'un qui met en œuvre une solution. Toute aide serait appréciée.

bitwiseman le 6 nov. 2019

Alors rien à ce sujet pour le moment ? Cela fait des années que je vois toujours le même problème. Je suppose que ce projet n'a pas vraiment l'intention de prendre en charge le formatage scss de manière satisfaisante et que je devrais chercher des alternatives pour cela.

mrahhal le 16 avr. 2020

@mrahhal Avez-vous essayé

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

Je pense que cela fonctionne bien, même si cela implique un formatage manuel.

rowild le 16 avr. 2020

@bitwiseman
Je me rends compte seulement aujourd'hui de ne pas vous avoir répondu - je suis vraiment désolé !
Oui, ta solution fonctionne bien ! Merci!

rowild le 16 avr. 2020

Cela a fonctionné ! J'aurais espéré que beautify comprendrait simplement le scss, mais je suppose qu'il est juste que ce ne soit pas le cas. J'ai réalisé que seul le CSS est mentionné dans le fichier readme. Dans tous les cas, cela servira de solution de contournement pour le moment. Merci @rowild !

mrahhal le 16 avr. 2020

@mrahhal Content que ça @bitwiseman , cependant! :-) Bravo et restez prudents !

rowild le 16 avr. 2020

👍1

Je ne sais pas si je dois garder cela ouvert, mais je vais fermer ce problème pour l'instant car il est déjà trop ancien. Je ne sais pas si le problème SCSS en général est suivi ailleurs ou s'il n'y a tout simplement aucun plan pour réellement prendre en charge correctement SCSS.

mrahhal le 16 avr. 2020

Il existe un certain support pour SCSS et il est lentement travaillé.

Ce projet est utilisé par beaucoup de gens, mais a fondamentalement un contributeur à ce stade. Donc, la vitesse à laquelle les choses se produisent est quand j'ai le temps. Si quelqu'un choisit de venir et, vous savez, de contribuer, c'est toujours quelque chose qui serait formidable à mettre en œuvre. Ou j'y arriverai quand je pourrai.

bitwiseman le 17 avr. 2020

👍1

Cette page vous a été utile?

0 / 5 - 0 notes