Js-beautify: Problema de mapas SCSS

Criado em 25 ago. 2017 · 12Comentários · Fonte: beautify-web/js-beautify

Entrada

O código parecia assim antes do embelezamento:

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

Saída Esperada

O código acima está corretamente recuado. Portanto, deve permanecer o mesmo.

Saída real

O código realmente ficou assim após o embelezamento:

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

Meio Ambiente

SO: Windows

Definições

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

Fonte

mrahhal

👍2

Todos 12 comentários

@mrahhal @bitwiseman
Estou tendo o mesmo problema.

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

torna-se

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

Estou meio frustrado com isso. Espero que você acrescente algo sobre isso.

fifn2 em 9 nov. 2018

Estou tendo o mesmo problema. Tentei usar o comando preserve, mas também não funcionou:

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

Isso pode ser reproduzido em https://beautifier.io/.

Não encontrei nenhuma dica, se css usa uma notação diferente para o comando preserve. Então eu me pergunto: estou fazendo algo errado?

rowild em 9 jan. 2019

@rowild
Você não está fazendo nada errado.
Infelizmente, preserve ainda não foi implementado para css. No entanto, acabei de lançar 1.8.10-beta4 que suporta ignore . Por favor, tente.

bitwiseman em 10 jan. 2019

👍1

Existe uma solução para isso em 2019?

simzikov em 5 nov. 2019

👍1

@Simpleqode
Parece que as pessoas estão interessadas em alguém implementando uma solução. Qualquer ajuda seria apreciada.

bitwiseman em 6 nov. 2019

Então, nada sobre isso ainda? Há anos, ainda vejo o mesmo problema. Eu estou supondo que este projeto realmente não pretende dar suporte à formatação scss de uma boa maneira e que eu deveria procurar alternativas para isso.

mrahhal em 16 abr. 2020

@mrahhal você tentou

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

Acho que funciona bem, embora signifique alguma formatação manual.

rowild em 16 abr. 2020

@bitwiseman
Só hoje me dei conta de não ter respondido a você - Lamento muito!
Sim, sua solução funciona bem! Obrigada!

rowild em 16 abr. 2020

Isso funcionou! Eu esperava que o embelezamento simplesmente entendesse o scss, mas acho que é justo que isso não aconteça. Percebi que apenas css está sendo mencionado no readme. Em qualquer caso, isso servirá como uma boa solução alternativa por enquanto. Obrigado @rowild!

mrahhal em 16 abr. 2020

@mrahhal Que bom que ajudou você! Mas todos os elogios a

rowild em 16 abr. 2020

👍1

Não tenho certeza se devo mantê-lo aberto, mas encerrarei este problema por enquanto, pois já é muito antigo. Não tenho certeza se o problema de SCSS em geral está sendo rastreado em outro lugar ou se simplesmente não há um plano para oferecer suporte adequado ao SCSS.

mrahhal em 16 abr. 2020

Existe algum suporte para SCSS e está sendo trabalhado lentamente.

Este projeto é usado por muitas pessoas, mas basicamente tem um contribuidor neste momento. Portanto, a velocidade com que as coisas acontecem é quando tenho tempo. Se alguém decidir vir e, você sabe, contribuir, isso ainda é algo que seria ótimo ser implementado. Ou vou fazer isso quando puder.

bitwiseman em 17 abr. 2020

👍1

Esta página foi útil?

0 / 5 - 0 avaliações