visual-studio - Visual Studio - 删除未使用的文件

Question

想知道是否有扩展或宏或其他东西可以查看您的解决方案并给出代码中没有引用哪些 js/css/image 文件的报告？

我有一个大型项目，随着时间的推移，它已经积累了灰尘。除了手动搜索每个文件的使用情况，还有其他节省时间的方法吗？

Answer 1

更新 找不到可以系统识别未使用资源的工具，因为 JavaScript、CSS 和图像文件可以动态加载。 This 文章展示了如何动态加载 JavaScript 和 CSS，动态加载图像是 JavaScript 中的一项简单任务。很容易想象图像名称是从外部数据源加载的，或者从另一个字段值加上“.jpg”连接起来的场景。显然，任何试图扫描您的源以查找未引用文件的工具都会错过这些资源。

也就是说，您可以使用 Visual Studio 的按正则表达式搜索功能搜索对 .js、.css 和 .jpg 文件的硬编码引用，或者使用具有正则表达式搜索功能的 Notepad++ 等高性能文本编辑器。

例如，要使用 Visual Studio 搜索在 ASCX ir ASPX 页面中引用的所有以 .js 结尾的文件，请转到文件中的编辑/查找和替换/查找，将搜索表达式设置为 .js> 打开
“使用正则表达式”，并将“查看这些文件类型”设置为“*.aspx; *.ascx”。
(“\”转义“.”，“>”表示单词的结尾，因此可以找到“foo.js”，但找不到“foo.jsx”。Visual Studio 有自己的正则表达式语法，记录在 here )

此外，我在下面的原始回复中的工具可以很好地了解加载站点时实际使用了哪些 JS/CSS/IMAGE 资源。当与 Selenium 之类的测试工具结合使用时，它们应该可以让您放心地删除资源。

您应该查看几个工具:

WARI--Web Application Resource Inspector 似乎是最合适的。根据他们的网站:

WARI scans your web application and examines dependencies between JavaScript functions, CSS styles, HTML tags and images.

The goal is to find unused images as well as unused and duplicated JavaScript functions and CSS styles.

JSCoverage 是 Javascript 的代码覆盖率检查器。

对于 CSS，在 http://unused-css.com/ 有一个在线工具和一个名为 DustMeSelectors 的 Firefox 扩展