Javascript 如何在VisualStudio中重构public上的CSS类名
我想通过在VisualStudio中重命名(重构)CSS和HTML中的类名来最小化CSS代码。但我只想在发布项目时更改名称 在phublis有没有办法将CSS类名更改为CSS和aspx文件中的短版本。例如,headerMenuBtn=>a,headerMenuIcon=>b等等 注: 1-我很少使用CSS编码(但如果某些工具可以在CSS文件中更改,这对我来说并不重要)Javascript 如何在VisualStudio中重构public上的CSS类名,javascript,css,visual-studio,performance,automated-refactoring,Javascript,Css,Visual Studio,Performance,Automated Refactoring,我想通过在VisualStudio中重命名(重构)CSS和HTML中的类名来最小化CSS代码。但我只想在发布项目时更改名称 在phublis有没有办法将CSS类名更改为CSS和aspx文件中的短版本。例如,headerMenuBtn=>a,headerMenuIcon=>b等等 注: 1-我很少使用CSS编码(但如果某些工具可以在CSS文件中更改,这对我来说并不重要) 2-我的Visual Studio版本是2017我解决了这个问题。这将使编码变得更加困难,但我认为最终结果是值得的 我创建了3个
2-我的Visual Studio版本是2017我解决了这个问题。这将使编码变得更加困难,但我认为最终结果是值得的 我创建了3个不同的变量文件
@responsive: a;
.@{responsive}{ => output = .a{width: 100%;}
width: 100%;
}
String html = "<div class=\" + cssClassName_cs.responsive + \">Test</div>"; => output = <div class="a">Test</div>
cssClassName.cs=>Build actin=content
public class cssClassName
{
public static string responsive = "a";
}
cssClassName.cs=>Build action=Compile
public class cssClassName_cs
{
public static string responsive = "a";
}
用法
aspx
<div class="<%=cssClassName.responsive>">Test</div> => output = <div class="a">Test</div>
cs
@responsive: a;
.@{responsive}{ => output = .a{width: 100%;}
width: 100%;
}
String html = "<div class=\" + cssClassName_cs.responsive + \">Test</div>"; => output = <div class="a">Test</div>
String html=“测试”=>输出=测试
最终的结果是HTML和CSS的大小要小得多