Javascript 如何在VisualStudio中重构public上的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个

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

在phublis有没有办法将CSS类名更改为CSS和aspx文件中的短版本。例如,headerMenuBtn=>a,headerMenuIcon=>b等等

注: 1-我很少使用CSS编码(但如果某些工具可以在CSS文件中更改,这对我来说并不重要)
2-我的Visual Studio版本是2017

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

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

  • cssClassName.less=>用于减少使用
  • cssClassName.cs(应用程序代码下)=>适用于aspx usega
  • cssClassName_cs.cs(应用程序代码下)=>用于cs使用
  • 文件夹 ClassName.less

    @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的大小要小得多