Js-beautify: SCSS 地图问题

创建于 2017-08-25 · 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 于 2018-11-09

我有相同的问题。我尝试使用保留命令，但这也不起作用：

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

这可以在https://beautifier.io/上重现

我没有找到任何提示，即 css 是否对保留命令使用了不同的表示法。所以我想知道：我做错了什么吗？

rowild 于 2019-01-09

@罗维德
你没有做错任何事。
不幸的是， preserve还没有为 css 实现。但是，我刚刚发布了支持ignore 1.8.10-beta4。请试一试。

bitwiseman 于 2019-01-10

👍1

2019 年有解决方案吗？

simzikov 于 2019-11-05

👍1

@Simpleqode
似乎人们对实施解决方案的人感兴趣。任何帮助，将不胜感激。

bitwiseman 于 2019-11-06

所以还没有关于这个吗？几年了，仍然看到同样的问题。我猜这个项目并不是真的打算以一种好的方式支持格式化 scss，我应该为它寻找替代方案。

mrahhal 于 2020-04-16

@mrahhal你

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

我认为这很好用，即使这意味着一些手动格式。

rowild 于 2020-04-16

@bitwiseman
直到今天才知道没有给你回信——非常抱歉！
是的，您的解决方案工作正常！谢谢！

rowild 于 2020-04-16

这有效！我本来希望 beautify 会简单地理解 scss，但我想它不理解是公平的。我意识到自述文件中只提到了 css。无论如何，这将是目前一个很好的解决方法。谢谢@rowild！

mrahhal 于 2020-04-16

@mrahhal很高兴它帮助了你！所有CUDOS到@bitwiseman，但！ :-) 欢呼并保持安全！

rowild 于 2020-04-16

👍1

我不确定我是否应该保持这个开放，但我现在会关闭这个问题，因为它已经太旧了。我不确定是否在其他地方跟踪了一般的 SCSS 问题，或者是否没有计划真正正确支持 SCSS。

mrahhal 于 2020-04-16

有一些对 SCSS 的支持，并且正在慢慢开发中。

这个项目被很多人使用，但目前基本上只有一个贡献者。所以事情发生的速度是我有时间的时候。如果有人选择加入，你知道，贡献这仍然是一个很好的实施。或者我会尽可能地解决它。

bitwiseman 于 2020-04-17

👍1

此页面是否有帮助？

0 / 5 - 0 等级

Js-beautify: SCSS 地图问题

输入

预期产出

实际产量

环境

设置

所有12条评论

相关问题