如何压缩html、css和js文件的代码

假设我有以下html代码

<span style="display: inline">Hello Wo</span>
<span style="display: none;"></span>
<span style="display: inline">rld</span>

你好
rld

现在我想要的是，当最终用户试图查看源代码时，上面的内容应该是这样的

<span style="display: inline">Hello Wo</span><span style="display: none;"></span<span style="display: inline">rld</span>

---

Hello Wo我认为您试图缩小您的代码，这是web项目中广泛使用的过程：
要完成这些任务，可以使用名为tasks Runner的工具

以下是两个您可以使用的工具示例：

或

编辑：

缩小html的gulpfile.js文件示例：

// including plugins
var gulp = require('gulp')
, minifyHtml = require("gulp-minify-html");

// task
gulp.task('minify-html', function () {
    gulp.src('./Html/*.html') // path to your files
   .pipe(minifyHtml())
   .pipe(gulp.dest('path/to/destination'));
});

（样本来自：）

我希望它能帮助你
你在使用哪个IDE？参见..会很有用..我喜欢的一个软件叫做«prepos»，使用免费版本就足够了，它可以缩小你的CSS、SASS和JS文件。它不会缩小你的HTML，但仍然可以。