问在HTML注入后的奇怪行为
EN

Stack Overflow用户

提问于 2022-09-24 20:48:08

回答 1查看 40关注 0票数 0

在src/目录中放置一个主页(index.html)，如下所示：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <!-- build:css styles/index.css -->
    <link rel="stylesheet" href="styles/index.css">
    <!-- endbuild -->
</head>
<body></body>
</html>

和一个CSS文件(index.css in styles/ dir.)例如：

body {
    background-color: red;
}

我配置了一个Gulp任务，它将CSS文件与HTML文件链接起来：

const gulp = require('gulp'),
    injStr = require('gulp-inject-string'),
    useref = require('gulp-useref');

gulp.task('default', () => {
    const tab = '    ',
        nl = '\n',
        nlTab = nl + tab;
    return gulp.src('src/index.html')
        //.pipe(injStr.before('</head>', tab + '<!-- build:css styles/index.css -->' + nlTab + '<link rel="stylesheet" href="styles/index.css">' + nlTab + '<!-- endbuild -->' + nl))
        .pipe(useref())
        .pipe(gulp.dest('.tmp/'));
});

如果执行Gulp，则将所有注释内容转换为<link rel="stylesheet" href="styles/index.css">。好吧，这很正常。

当我想要简化它时，问题就会发生，避免用HTML手动编写注释。取消对JS源代码的注释(第10行)，删除HTML中的注释(8-10)，然后再次执行。吞咽用户什么都不做！转化不起作用。为什么！？

gulp

gulp-useref

回答 1

Stack Overflow用户

回答已采纳

发布于 2022-09-29 14:02:15

我发现了解决办法！：

回车字符不见了。使用'\r\n'而不是孤独的'\n'。

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/73840483

复制

相似问题

问在HTML注入后的奇怪行为
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问在HTML注入后的奇怪行为EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问在HTML注入后的奇怪行为
EN