0

我有html文件宽度的css文件包含在已经用cssmin缩小的head部分，另外html已经用htmlmin grunt任务成功缩小，但是html缩小有一点问题，css和javascript直接包含在head部分不被 htmlmin 缩小，如果是 html，这个任务显然不是 css 或 javascript。

如何缩小 head 部分中包含的 css 和 javascript？

例如：这是我的虚拟初始 html 文件：

<!DOCTYPE html>
<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta charset="utf-8" />
    <title>Some title</title>
    <link href="mycss.min.css" type="text/css" rel="stylesheet">
    <style>
        .class1 {
            color: black;
            /* some other properties */
        }

        .class2 {
            color: white;
            /* some other properties */
        }

        /* more and more classes */
    </style>
</head>
<body>
    Some html code
</body>
</html>

当我运行 htmlmin grunt 任务时，结果是这样的：

<!DOCTYPE html><html lang="en" xmlns="http://www.w3.org/1999/xhtml"><head><meta charset="utf-8" /><title>Some title</title><link href="mycss.min.css" type="text/css" rel="stylesheet"><style>
        .class1 {
            color: black;
            /* some other properties */
        }

        .class2 {
            color: white;
            /* some other properties */
        }

        /* more and more classes */
</style></head><body>Some html code</body></html>

请注意，除了我在 head 部分的示例中省略的 css 和一些 javascript 代码之外，所有内容都被缩小了

4

0 回答 0