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

Question

假设我有以下html代码

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

现在我想要的是，当最终用户尝试查看源代码时，上面的内容应该如下所示

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

js和css代码也应该这样。

提前致谢：）

修改 出于安全原因，我希望在用户尝试查看之前，源代码会变得混乱。

Answer 1

我认为您尝试缩小代码，这是Web项目中广泛使用的过程： 要执行这些任务，您可以使用名为tasks runners的工具。

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

grunt或gulp

修改：

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

SELECT * 
FROM users
WHERE userID in "C:\myfile.txt";

（样本来自：julienrenaux.fr）

我希望它可以提供帮助