npm 包 gulp-striphtml 使用教程

在前端开发中，我们经常需要处理一些 HTML 文件，而有时候我们只需要其中的纯文本部分。这时候，就需要使用一个非常方便的 npm 包：gulp-striphtml。本文将介绍这个包的使用方法，包括安装、使用以及示例代码。

安装 gulp-striphtml

首先，我们需要安装 gulp-striphtml。打开命令行工具，进入你的项目目录，运行以下命令进行安装：

npm install gulp-striphtml --save-dev

这个命令将会在你的项目中安装 gulp-striphtml，同时将其记录在你的项目的 package.json 文件中。

使用 gulp-striphtml

安装好 npm 包后，我们需要在 gulpfile.js 文件中添加代码来使用 gulp-striphtml。

var gulp = require('gulp');
var stripHtml = require('gulp-striphtml');

gulp.task('strip', function () {
    return gulp.src('src/*.html')
        .pipe(stripHtml())
        .pipe(gulp.dest('dist/'));
});

说明：

1. 我们首先引入了 gulp 和 gulp-striphtml。
2. 然后定义了一个名为 'strip' 的任务，在这个任务中，我们使用 gulp.src() 方法获取指定路径下的所有 HTML 文件。
3. 接着，我们通过管道符('|')连接了 stripHtml() 方法，用于处理获取到的 HTML 文件，剥离其中的 HTML 标签，只保留文本内容。
4. 最后，我们通过 gulp.dest() 方法将处理后的文件保存到指定目录（'./dist'）下。

示例代码

-- -------------------- ---- -------
--------- -----
------

------
    ----- ----------------
    -----------------------
-------

------
    ---------- -----------
    ------- -- - --------------
-------

-------

使用 gulp-striphtml 处理后的文件为：

Hello, world!
This is a paragraph.

指导意义

通过本文的学习，你可以快速掌握如何使用 gulp-striphtml 处理 HTML 文件，剥离其中的 HTML 标签，只保留文本内容。同时，你也可以将本文中的示例代码应用到实际项目中，提高前端开发效率。

来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/70175