咕噜任务：删除标记线之间在HTML文件中 [英] Grunt task: Delete lines between markers in an HTML file
问题描述
在开发中，我们测试unminified css文件。在构建我们的COM preSS和将它们结合起来。我想然后取出uncom pressed CSS 前两个注释之间的链接元素，并取消注释链接到生成的 combined.min.css 文件。任何想法！
In development we test the unminified css files. On build we compress and combine them. I would like to then remove the uncompressed css link elements between the first two comments, and uncomment the link to the generated combined.min.css file. Any ideas!
<!-- __css -->
<link rel="stylesheet" href="css/reset.css" />
<link rel="stylesheet" href="css/base.css" />
<!-- css__ -->
<!-- __cssmin
<link rel="stylesheet" href="css/combined.min.css" />
cssmin__ -->
谢谢！
推荐答案
您没有提到你是怎么做的构建（通常这都会合并就像在下面的Gruntfile默认任务），但如果你需要的是一个单一环节的各个引用更改为缩小的文件，它是简单的有咕噜-usemin 做的工作 - - 看到Gruntfile替换任务
You don't mention how you are doing your build (normally this would all be combined like in the default task in the Gruntfile below), but if all you need is to change the individual references to a single link to the minified file it's simple to have grunt-usemin do the work -- see the replace task in the Gruntfile.
HTML
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<title>usemin</title>
<!-- build:css css/combined.min.css -->
<link rel="stylesheet" href="css/reset.css" />
<link rel="stylesheet" href="css/base.css" />
<!-- endbuild -->
</head>
<body>
<h1>usemin</h1>
</body>
</html>
Gruntfile
module.exports = function(grunt) {
grunt.initConfig({
pkg: grunt.file.readJSON('package.json'),
copy: {
dist: {
files: [ {src: 'index.html', dest: 'dist/index.html'} ]
}
},
'useminPrepare': {
options: {
dest: 'dist'
},
html: 'index.html'
},
usemin: {
html: ['dist/index.html']
}
});
grunt.loadNpmTasks('grunt-contrib-cssmin');
grunt.loadNpmTasks('grunt-contrib-copy');
grunt.loadNpmTasks('grunt-contrib-concat');
grunt.loadNpmTasks('grunt-usemin');
grunt.registerTask('default', ['useminPrepare', 'copy', 'concat', 'cssmin', 'usemin']);
grunt.registerTask('replace', ['copy', 'usemin']);
};
结果HTML
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<title>usemin</title>
<link rel="stylesheet" href="css/combined.min.css">
</head>
<body>
<h1>usemin</h1>
</body>
</html>
这篇关于咕噜任务：删除标记线之间在HTML文件中的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！
