我的引导样式表大小约为 120kb。
但我只使用了 25% 的样式表代码。
我不想要那个 span* 类。我通过在引导程序中自定义它来尝试它自定义页面 http://twitter.github.com/bootstrap/customize.html.
我未检查网格系统，但我仍然看到span1 - span12 class在表单、表格和响应式布局中。
有人可以帮我删除这些代码吗？
经过一个小时的咕噜挣扎后，我决定尝试一下uncss https://github.com/giakki/uncss就其本身而言，它要简单得多。如果您只有几页要做，或者不介意手动完成，我建议您这样做。
uncss 页面有完整的说明，但总结一下：
- 安装了node.js。
npm install -g uncss- 从以下位置复制示例文件uncss https://github.com/giakki/uncsspage 并将其命名为带有 .js 扩展名的任何名称。我将其命名为 uncss.js。
- 将 files 数组替换为您的 html 文件。 （看起来像
var files = ['my', 'array', 'of', 'HTML', 'files'])
- 将样式表数组替换为您的样式表。 （看起来像
stylesheets : ['lib/bootstrap/dist/css/bootstrap.css', 'src/public/css/main.css']）。如果需要，同样可以更改“csspath”的值。
- Run
node uncss.js（或者你所说的 uncss 文件）。
它会直接将优化后的 CSS 输出到命令行，因此将其保存到一个文件中，内容如下node uncss.js > mynewcss.css.
有很多选项可以定制行为。我忽略了所有这些，但效果很好，但如果你需要它们，它们就在那里。我测试的页面从 138kb 变成了 9kb。
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系:hwhale#tublm.com(使用前将#替换为@)
