Js-beautify: Problema de mapas SCSS

Creado en 25 ago. 2017  ·  12Comentarios  ·  Fuente: beautify-web/js-beautify

Aporte

El código se veía así antes del embellecimiento:

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

Rendimiento esperado

El código anterior está correctamente sangrado. Entonces debería permanecer igual.

Salida real

El código en realidad se veía así después del embellecimiento:

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

Ambiente

SO: Windows

Ajustes

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

Todos 12 comentarios

@mrahhal @bitwiseman
Tengo el mismo problema.

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

se convierte en

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

Estoy un poco frustrado por esto. Espero que agregue algo sobre esto.

Tengo el mismo problema. Intenté usar el comando preserve, pero tampoco funcionará:

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

Esto se puede reproducir en https://beautifier.io/.

No encontré ninguna pista, si css usa una notación diferente para el comando preserve. Entonces me pregunto: ¿Estoy haciendo algo mal?

@rowild
No estás haciendo nada malo.
Desafortunadamente, preserve aún no se ha implementado para css. Sin embargo, acabo de lanzar 1.8.10-beta4 que admite ignore . Por favor, pruébalo.

¿Existe una solución para esto en 2019?

@Simpleqode
Parece que a la gente le interesa que alguien implemente una solución. Cualquier ayuda sería apreciada.

Entonces, ¿nada sobre esto todavía? Han pasado años, sigo viendo el mismo problema. Supongo que este proyecto realmente no tiene la intención de admitir el formato scss de una buena manera y que debería buscar alternativas para ello.

@mrahhal ¿Lo intentaste?

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

Creo que funciona bien, aunque significa algo de formateo manual.

@bitwiseman
Solo hoy me doy cuenta de no haberte respondido, ¡lo siento mucho!
¡Sí, tu solución funciona bien! ¡Gracias!

¡Esto funcionó! Hubiera esperado que beautify simplemente entendiera el scss, pero creo que es justo que no lo haga. Me di cuenta de que solo se menciona css en el archivo Léame. En cualquier caso, esto servirá como una buena solución por ahora. ¡Gracias @rowild!

@mrahhal ¡ Me alegro de que te haya ayudado! ¡Sin embargo, todos felicitamos a @bitwiseman ! :-) ¡Salud y mantente a salvo!

No estoy seguro de si debería mantener esto abierto, pero cerraré este problema por ahora, ya que ya es demasiado antiguo. No estoy seguro de si el problema de SCSS en general se está rastreando en otro lugar o si simplemente no hay un plan para admitir realmente SCSS de manera adecuada.

Hay algo de soporte para SCSS y se está trabajando en él lentamente.

Muchas personas utilizan este proyecto, pero básicamente tiene un colaborador en este momento. Entonces, la velocidad a la que suceden las cosas es cuando tengo tiempo. Si alguien decide venir y, ya sabe, contribuir, esto sigue siendo algo que sería genial implementar. O lo haré cuando pueda.

¿Fue útil esta página
0 / 5 - 0 calificaciones