Blazor项目中移除AdminLTE未使用JS/CSS代码及相关问题咨询

1. 移除未使用的文件及代码的方法 #

针对未使用的JS/CSS插件文件 #

• 梳理所有引用点：检查index.html（Blazor WASM入口页）、组件内的IJSRuntime调用代码、_Host.cshtml（托管模式下）里的JS/CSS引用，标记出无任何引用的文件。
• 删除冗余文件及引用：确认文件未被使用后，直接从wwwroot目录删除对应JS/CSS文件，同时删掉所有关联的引用代码（比如index.html里的<script>或<link>标签）。
• 精简AdminLTE插件：AdminLTE自带大量插件，先确认项目实际用到的功能（比如没用日历插件就删除fullcalendar相关文件），只保留需要的插件文件及引用。

针对CSS中的无用代码 #

• 手动清理：如果是自定义或修改后的CSS文件，直接搜索暗黑模式相关选择器（如.dark-mode、[data-theme="dark"]），批量删除对应的代码块。
• 工具自动精简：使用PurgeCSS工具，配置好项目的Blazor组件、HTML文件路径，它会自动扫描未被使用的CSS选择器并移除。可将其集成到构建流程：比如通过npm脚本先处理CSS，再让ASP.NET Core构建时使用精简后的文件；或者通过MSBuild任务在构建阶段执行精简操作。

2. Visual Studio构建时的文件处理逻辑 #

Visual Studio不会自动移除wwwroot目录中未使用的CSS/JS文件，默认会把wwwroot下的所有文件（除非在项目配置中排除）复制到输出目录。

避免冗余文件进入输出的两种方式：

• 手动删除wwwroot内的未使用文件，从根源清除。
• 在项目的.csproj文件中添加排除规则，示例：

  <Content Remove="wwwroot/plugins/unused-plugin/**/*" />
  <None Include="wwwroot/plugins/unused-plugin/**/*" />
  

  配置后构建时就不会把这些文件复制到输出目录。

内容的提问来源于stack exchange，提问作者Ali