0

cssminで縮小されたheadセクションに含まれるhtmlファイル幅のcssファイルがあり、さらにhtmlはhtmlmin gruntタスクで正常に縮小されていますが、縮小されたhtmlには少し問題があり、cssとjavascriptがheadセクションに直接含まれていますcssやjavascriptではなく、htmlの場合は明らかにこのタスクです。

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