如何在Visual Studio上公开重构CSS类名

Question

我想通过在Visual Studio中重命名（重构）CSS和HTML中的类名来最小化CSS代码。但是我只想在发布项目时更改名称。

有什么方法可以在phublis的CSS和aspx文件中将CSS类名称更改为短版本。例如.headerMenuBtn => a，headerMenuIcon => b等。

注意：1-我很少使用CSS编码（但是如果某些工具可以更改CSS filse，这对我来说并不重要）2-我的Visual Studio版本是2017]

Answer 1

我解决了问题。这将使编码更加困难，但我认为最终结果值得。

我创建了3个不同的变量文件。

1. cssClassName.less =>以减少使用量
2. cssClassName.cs（在app_code下）=> for aspx usega
3. cssClassName_cs.cs（在app_code下）=>以供CS使用

文件

ClassName.less

@responsive: a;

cssClassName.cs =>构建actin =内容

public class cssClassName
{
    public static string responsive = "a";
}

cssClassName.cs =>生成操作=编译

public class cssClassName_cs
{
    public static string responsive = "a";
}

用法

aspx

<div class="<%=cssClassName.responsive>">Test</div> => output = <div class="a">Test</div>

较少

.@{responsive}{  => output = .a{width: 100%;}
    width: 100%;
}

cs

String html = "<div class=\" + cssClassName_cs.responsive + \">Test</div>"; => output = <div class="a">Test</div>

最终结果导致HTML和CSS的大小变小。