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