javascript - 使用 Gulp 读取、重建和替换文件中的内容 block 的最有效方法是什么?

标签 javascript json dom gulp gulp-replace

我正在创建一个系统,它可以读取任何文件(php、jsp、html 等),找到 block 标记,并根据 block 标记中的信息进行替换。

我要写入文件的代码:

<!-- build:<name> -->
    {
        "testObject": {
             "name": "jonathan",
             "number": 3,
             "male": true
         }
    }
<!-- endBuild -->

所需的替换:

<h1>Jonathan</h1>
<p>is a male and is positioned at #3.</p>

您可能已经注意到,我使用了 gulp-html-replace 的组件。我研究过 gulp-data 并且知道如何使用 gulp.src 和 gulp.dest 来构建文件。只是缺少读取、构建和替换对象步骤。理想情况下,这将适用于整个文档中的多个对象实例。谢谢。

最佳答案

因为 Gulp 使用管道系统并且所有文件都变成流,所以您可以编写自己的管道/插件以非常特定的方式处理文件。查看Gulp Writing Plugins , 修改文件内容部分。

值得注意的提及

gulp-replace可能真的有用

关于javascript - 使用 Gulp 读取、重建和替换文件中的内容 block 的最有效方法是什么?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/36334980/

相关文章:

java - 从 json 中删除多余的空格

java - 可以解析 HTML 文档并构建 DOM 树(java)

javascript - 如何使用 Angular 2 正确检测计算样式属性的变化?

javascript - 向事件添加回调

javascript - HandsOnTable - 显示单元格的工具提示

PHP 丢失 MySQL 结果的字段数据类型(一切都变成字符串)

javascript - 使用 Sequelize 将 JSON 文件中的大数据导入到 MYSQL 数据库

javascript - 为什么我的 JS/DOM 代码不显示任何内容?

JavaScript 密码生成器有时不包括字符选择?

javascript - 使用jquery设置输入值