gpt4 book ai didi

javascript - 咕噜任务 : Delete lines between markers in an HTML file

转载 作者:搜寻专家 更新时间:2023-10-31 23:38:56 25 4
gpt4 key购买 nike

在开发中,我们测试未缩小的 css 文件。在构建时,我们压缩并组合它们。然后我想删除前两个注释之间未压缩的 css link 元素,并取消注释 link 到生成的 combined.min.css文件。任何想法!

<!-- __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 中的默认任务一样组合起来),但是如果你需要的只是将单个引用更改为指向缩小文件的单个链接文件很简单grunt-usemin完成工作——查看 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>

关于javascript - 咕噜任务 : Delete lines between markers in an HTML file,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/19116547/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com