Question

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

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

例如：这是我的Dummy初始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>

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

使用grunt任务缩小html标头中包含的CSS

0 个答案: