【问题标题】:What's the most efficient way to read, rebuild, and replace a block of content in a file using Gulp?使用 Gulp 读取、重建和替换文件中的内容块的最有效方法是什么?
【发布时间】:2016-03-31 13:32:23
【问题描述】:

我正在创建一个可以读取任何文件(php、jsp、html 等)、定位块标签并根据块标签中的信息进行替换的系统。

我将写入文件的代码:

<!-- 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 来构建文件。只是缺少读取、构建和替换对象步骤。理想情况下,这将适用于整个文档中的多个对象实例。谢谢。

【问题讨论】:

    标签: javascript json dom gulp gulp-replace


    【解决方案1】:

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

    值得注意的提及

    gulp-replace 可能真的可以解决问题

    【讨论】:

    • 我认为您在这里有所作为。 gulp-replace 允许使用正则表达式搜索参数并将其存储以供使用。在尝试构建一个插件之前,我将尝试使用该插件。谢谢!
    • gulp-replace 除了正则表达式之外,还使用字符串作为输入。
    • 是的,我也看到了。由于我的对象会在整个页面中发生变化,我认为正则表达式是这个用例的最佳选择。
    • 太棒了。如果可以,请将其标记为正确答案。干杯。
    猜你喜欢
    • 1970-01-01
    • 2015-10-09
    • 2014-02-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2013-05-29
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多