Js-beautify: Masalah peta SCSS

Dibuat pada 25 Agu 2017  ·  12Komentar  ·  Sumber: beautify-web/js-beautify

Memasukkan

Kode terlihat seperti ini sebelum mempercantik:

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

Keluaran yang Diharapkan

Kode di atas diindentasi dengan benar. Jadi harus tetap sama.

Keluaran Sebenarnya

Kode sebenarnya terlihat seperti ini setelah mempercantik:

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

Lingkungan Hidup

OS: Windows

Pengaturan

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

Semua 12 komentar

@mrahhal @bitwiseman
Saya mengalami masalah yang sama.

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

menjadi

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

Saya agak frustrasi tentang ini. Saya harap Anda menambahkan sesuatu tentang ini.

Saya mengalami masalah yang sama. Saya mencoba menggunakan perintah simpan, tetapi itu juga tidak berhasil:

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

Ini dapat direproduksi di https://beautifier.io/.

Saya tidak menemukan petunjuk, apakah css menggunakan notasi yang berbeda untuk perintah simpan. Jadi saya bertanya-tanya: Apakah saya melakukan sesuatu yang salah?

@rowild
Anda tidak melakukan sesuatu yang salah.
Sayangnya, preserve belum diimplementasikan untuk css. Namun, saya baru saja merilis 1.8.10-beta4 yang mendukung ignore . Silakan coba.

Apakah ada solusi untuk ini pada tahun 2019?

@Simpleqode
Tampaknya orang tertarik pada seseorang yang mengimplementasikan solusi. Bantuan apa pun akan dihargai.

Jadi belum ada apa-apa tentang ini? Sudah bertahun-tahun, masih melihat masalah yang sama. Saya kira proyek ini tidak benar-benar bermaksud untuk mendukung pemformatan scss dengan cara yang baik dan saya harus mencari alternatif untuk itu.

@mrahhal Apakah Anda mencoba

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

Saya pikir itu berfungsi dengan baik, meskipun itu berarti beberapa pemformatan manual.

@bitwiseman
Saya baru menyadari hari ini untuk tidak menjawab Anda - saya sangat menyesal!
Ya, solusi Anda berfungsi dengan baik! Terima kasih!

Ini berhasil! Saya berharap beautify hanya akan memahami scss, tetapi saya kira itu adil karena tidak. Saya menyadari bahwa hanya css yang disebutkan dalam readme. Bagaimanapun ini akan berfungsi sebagai solusi yang baik untuk saat ini. Terima kasih @rowild!

@mrahhal Senang itu membantu Anda! Semua pujian untuk @bitwiseman ! :-) Semangat dan tetap aman!

Saya tidak yakin apakah saya harus membiarkan ini tetap terbuka, tetapi saya akan menutup masalah ini untuk saat ini karena sudah terlalu lama. Saya tidak yakin apakah masalah SCSS secara umum sedang dilacak di tempat lain atau jika tidak ada rencana untuk benar-benar mendukung SCSS.

Ada beberapa dukungan untuk SCSS dan perlahan-lahan sedang dikerjakan.

Proyek ini digunakan oleh banyak orang tetapi pada dasarnya memiliki satu kontributor saat ini. Jadi kecepatan hal-hal yang terjadi adalah ketika saya punya waktu. Jika ada yang memilih untuk ikut dan, Anda tahu, berkontribusi, ini masih sesuatu yang bagus untuk diterapkan. Atau saya akan melakukannya ketika saya bisa.

Apakah halaman ini membantu?
0 / 5 - 0 peringkat