Js-beautify: Проблема с картами SCSS

Созданный на 25 авг. 2017 · 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;

Среда

ОС: 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

Источник

mrahhal

👍2

Все 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
);

Я немного расстроен этим. Надеюсь, вы что-нибудь добавите по этому поводу.

fifn2 9 нояб. 2018

У меня такая же проблема. Я попытался использовать команду preserve, но это тоже не сработало:

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

Это можно воспроизвести на https://beautifier.io/.

Я не нашел никаких подсказок, использует ли css другую нотацию для команды preserve. Поэтому мне интересно: я что-то делаю не так?

rowild 9 янв. 2019

@rowild
Вы не делаете ничего плохого.
К сожалению, preserve еще не реализовано для css. Однако я только что выпустил 1.8.10-beta4, который поддерживает ignore . Пожалуйста, попробуйте.

bitwiseman 10 янв. 2019

👍1

Есть ли решение этого в 2019 году?

simzikov 5 нояб. 2019

👍1

@Simpleqode
Похоже, люди заинтересованы в том, чтобы кто-то внедрил решение. Любая помощь будет оценена по достоинству.

bitwiseman 6 нояб. 2019

Так что об этом еще ничего? Прошли годы, но я все еще видел ту же проблему. Я предполагаю, что этот проект на самом деле не предназначен для поддержки форматирования scss в хорошем смысле, и что я должен искать ему альтернативы.

mrahhal 16 апр. 2020

@mrahhal Ты пробовал?

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

Я думаю, что это нормально, хотя и требует ручного форматирования.

rowild 16 апр. 2020

@bitwiseman
Только сегодня понимаю, что не ответил вам - мне очень жаль!
Да, ваше решение отлично работает! Спасибо!

rowild 16 апр. 2020

Это сработало! Я бы надеялся, что beautify просто поймет scss, но я думаю, что это справедливо. Я понял, что в ридми упоминается только css. В любом случае на данный момент это будет хорошим решением. Спасибо @rowild!

mrahhal 16 апр. 2020

@mrahhal Рад, что помог тебе! Но все равно @bitwiseman ! :-) Ура и будьте в безопасности!

rowild 16 апр. 2020

👍1

Я не уверен, следует ли мне оставить это открытым, но пока закрою эту проблему, так как она уже слишком старая. Я не уверен, что проблема SCSS вообще отслеживается где-то еще, или просто нет плана, чтобы действительно должным образом поддерживать SCSS.

mrahhal 16 апр. 2020

Есть некоторая поддержка SCSS, и над ней медленно работают.

Этим проектом пользуется множество людей, но на данный момент у него в основном один участник. Так что скорость, с которой все происходит, - это когда у меня есть время. Если кто-то решит прийти и, как вы знаете, внести свой вклад, это все равно было бы здорово реализовать. Или я доберусь до этого, когда смогу.

bitwiseman 17 апр. 2020

👍1

Была ли эта страница полезной?

0 / 5 - 0 рейтинги