html代码压缩

Question

我现在要做一个任务就是，使我们输出的压面代码是被压缩过得，就像京东的，查看它的页面代码是压缩的，没有换行。怎么做？？？谢谢

Answer 1

你可以用gulp webpack这类前端构建工具做到
具体内容自己搜一下吧

Answer 2

京东的，也只是把css部分压缩了(你看到的部分应该是css),当然js也是会压缩的。

实际项目中，一般会压缩css和js，至于html是否也压缩，这个视情况而定。
通常没有压缩，因为很多html代码实际是后端渲染的，这种情况压缩处理比较麻烦。

如果是纯静态的，我鼓励压缩，但是实际也没多少会选择压缩(要压缩的话，也只能是部署到服务器的时候会压缩)。

压缩的目的是为了加载速度，其实一般的html页面不是很大(大的话，会采取其他方式优化处理)，而且现在的浏览器都支持zip。

如果只是为了让别人看起来头疼，那更没必要了。浏览器就会把代码格式化显示，更别说一些其他的html格式化工具了。

目前前端构建方面的工具也比较多，npm(script),grunt,gulp,webpack等等。

Answer 3

f12打开控制台

点红箭头，就会格式化代码

要压缩的话很多东西，比如sublime text的插件JsMinifier压缩js文件，