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

时间:2016-07-15 17:38:23

标签: css html5 gruntjs grunt-contrib-cssmin grunt-contrib-htmlmin

我有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代码之外,所有内容都缩小了

0 个答案:

没有答案