Js-美化css规则附近的内联注释
Js-美化css规则附近的内联注释
提问于 2020-04-01 14:36:52
当我尝试格式化我的scss代码库时，我对js美化有一个小问题。
输入
代码在美化之前是这样的：
.hero-about {
background: linear-gradient(rgba(0, 0, 0, .4),
rgba(0, 0, 0, .6)), url("../../images/backgrounds/team.png") center/cover; /* 1 */
height: .1rem; /* 2 */
min-height: 100vh;
}预期产出
在美化之后，代码应该是这样的(相同)：
.hero-about {
background: linear-gradient(rgba(0, 0, 0, .4),
rgba(0, 0, 0, .6)), url("../../images/backgrounds/team.png") center/cover; /* 1 */
height: .1rem; /* 2 */
min-height: 100vh;
}实际输出
代码在美化后实际上是这样的，您可以注意到美化包装的内联评论，显然我不想这种丑陋的行为。
.hero-about {
background: linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.6)), url("../../images/backgrounds/team.png") center/cover;
/* 1 */
height: .1rem;
/* 2 */
min-height: 100vh;
}复制步骤
只需复制css代码，并尝试运行js-美化不需要配置。
环境
操作系统: Windows 10家庭6/03/2020 18363.720
设置
{
"indent_size": 2,
"end_with_new_line": true
}请注意:这个丑陋的行为是独立于配置文件，您可以注意到它与任何配置。
回答 1
Stack Overflow用户
发布于 2020-11-04 08:58:43
好吧，我猜到了一个小小的解决办法。
在我的gulpfile.js中，我写道(谢谢吞咽-替换!)：
.pipe(replace(";\n /* ", "; /* "))
这，在SCSS狼吞虎咽的编译过程中，将解决js美化引起的问题.它将将"\n“(换行)替换为”“(空格)。
希望它能帮上忙！
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/60973428
复制相关文章
相似问题
腾讯云开发者
