Js-beautify: إصدار خرائط SCSS

تم إنشاؤها على ٢٥ أغسطس ٢٠١٧ · 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 كومينتر

تضمين التغريدة
لدي نفس المشكلة.

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

يصبح

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

أنا محبط نوعًا ما بشأن هذا. أتمنى أن تضيف شيئًا عن هذا.

fifn2 في ٩ نوفمبر ٢٠١٨

أواجه نفس المشكلة. حاولت استخدام أمر الحفظ ، لكن هذا لن ينجح أيضًا:

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

هذا قابل للتكرار على https://beautifier.io/.

لم أجد أي تلميحات ، ما إذا كان css يستخدم ترميزًا مختلفًا لأمر الحفظ. لذلك أتساءل: هل أفعل شيئًا خاطئًا؟

rowild في ٩ يناير ٢٠١٩

rowild
أنت لا تفعل أي شيء خاطئ.
للأسف ، لم يتم تنفيذ preserve لـ css حتى الآن. ومع ذلك ، فقد قمت للتو بإصدار 1.8.10-beta4 والذي يدعم ignore . يرجى المحاولة.

bitwiseman في ١٠ يناير ٢٠١٩

👍1

هل هناك حل لهذا في 2019؟

simzikov في ٥ نوفمبر ٢٠١٩

👍1

تضمين التغريدة
يبدو أن الناس مهتمون بشخص ما بتنفيذ حل. سيكون موضع تقدير أي مساعدة.

bitwiseman في ٦ نوفمبر ٢٠١٩

إذن لا شيء على هذا حتى الآن؟ مرت سنوات ، وما زلت أرى نفس المشكلة. أعتقد أن هذا المشروع لا ينوي حقًا دعم تنسيق scss بطريقة جيدة وأنني يجب أن أبحث عن بدائل له.

mrahhal في ١٦ أبريل ٢٠٢٠

mrahhal هل جربت

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

أعتقد أن هذا يعمل بشكل جيد ، على الرغم من أنه يعني بعض التنسيق اليدوي.

rowild في ١٦ أبريل ٢٠٢٠

تضمين التغريدة
أدرك اليوم فقط أنني لم أجيب عليك - أنا آسف جدًا!
نعم ، الحل الخاص بك يعمل بشكل جيد! شكرا لك!

rowild في ١٦ أبريل ٢٠٢٠

نجح هذا! كنت أتمنى أن يفهم التجميل ببساطة SCSS ، لكن أعتقد أنه من العدل أنه لا يفعل ذلك. أدركت أنه يتم ذكر css فقط في الملف التمهيدي. على أي حال ، سيكون هذا بمثابة حل جيد في الوقت الحالي. شكرا لكrowild!

mrahhal في ١٦ أبريل ٢٠٢٠

mrahhal مسرور لقد ساعدك! كل المجد لـ bitwiseman ، رغم ذلك! :-) ابتهاج وابقى آمنا!

rowild في ١٦ أبريل ٢٠٢٠

👍1

لست متأكدًا مما إذا كان يجب أن أبقي هذا مفتوحًا ، لكنني سأغلق هذه المشكلة في الوقت الحالي نظرًا لأنها قديمة جدًا بالفعل. لست متأكدًا مما إذا كانت مشكلة SCSS بشكل عام يتم تتبعها في مكان آخر أو إذا لم تكن هناك خطة لدعم SCSS بشكل صحيح.

mrahhal في ١٦ أبريل ٢٠٢٠

هناك بعض الدعم لـ SCSS ويتم العمل عليها ببطء.

يتم استخدام هذا المشروع من قبل الكثير من الأشخاص ولكن بشكل أساسي لديه مساهم واحد في هذه المرحلة. لذا فإن السرعة التي تحدث بها الأشياء هي عندما يكون لدي الوقت. إذا اختار أي شخص المشاركة ، كما تعلم ، فلا يزال هذا شيئًا رائعًا ليتم تنفيذه. أو سأصل إليه عندما أستطيع ذلك.

bitwiseman في ١٧ أبريل ٢٠٢٠

👍1

هل كانت هذه الصفحة مفيدة؟

0 / 5 - 0 التقييمات