为Web应用程序仅组合必要的css和js的任何好方法

Any good ways of combining only necessary css and js for web app

本文关键字:css 任何好 方法 js 应用程序 Web 组合      更新时间:2023-09-26

我一直在改进Web应用程序前端的结构,并做了诸如合并和缩小css/js文件,版本文件以及构建一些模板之类的事情。但是,我正在查看一些网络工具,它说有大量未使用的 js/css。有什么建议吗 -发现完全必要的代码 - 组合、缩小和版本控制页面的正确代码我主要寻找一个合乎逻辑的建议,任何代码示例都会很棒。我专门使用python,猎豹模板,yui压缩器,版本控制的修改时间,mod_rewrite和apache 上的gzip

查看 Dust-Me Selectors Firefox 扩展以简化 CSS:

Dust-Me Selectors 是 Firefox 扩展(适用于 v1.5 或更高版本)即 查找未使用的 CSS 选择器。

它从所有中提取所有选择器 您所在页面上的样式表 查看,然后将该页面分析 查看哪些选择器不是 使用。然后存储数据,以便 测试后续页面时, 选择器可以从列表中划掉 当他们遇到时。

您可以单独测试页面,也可以 蜘蛛整个网站,你将结束 提供哪些选择器的配置文件 不在任何地方使用。

对于JavaScript,看看Google Closure Compiler,它可以计算代码中的相互依赖关系并删除冗余。

闭包编译器是一个工具 使 JavaScript 下载并运行 更快。它是一个真正的编译器 JavaScript。而不是从 机器代码的源语言,它 从 JavaScript 编译到更好的 JavaScript。它解析你的JavaScript, 分析它,删除死代码并 重写并最小化剩余的内容。它 还检查语法、变量 引用和类型,并警告 常见的 JavaScript 陷阱。