简介
webant-handler-text 是一款适用于 Webpack 和 WebpackDevServer 的处理纯文本文件的 NPM包，通过将文本文件转换为Javascript 模块，可以使你的纯文本文件得到更好的处理，比如可以针对文本文件使用Webpack的一些插件和Loader，比如html-webpack-plugin、text-loader等等。
安装
项目使用如下命令安装 webant-handler-text
--- ------- ------------------- ----------
使用
使用 webant-handler-text 进行文本文件的处理
Webpack 配置
在 webpack 配置中，使用 webant-handler-text 执行文本文件的处理，以下是一个例子：
----- ----------------- - -------------------------------
-------------- - -
------ -----------------
------- -
----- ----------------------- --------
--------- ------------
--
------- -
------ -
-
----- ---------
---- -
------- -------------------------
-------- -
-- --------------
------- --------
-- ------------------
-------- --------
--
--
--
--
--
--在以上的配置中，我们使用 webant-handler-text 的 loader 来处理我们的文本文件，同时也使用了 search 和 replace 参数对文本文件进行了替换。
WebpackDevServer 配置
在 WebpackDevServer 配置中，使用 webant-handler-text 进行文本文件的处理，以下是一个例子：
----- ----------------- - -------------------------------
-------------- - -
---------- -
------------ -------------------- ----------
----- -----
------- ----- ------- -- -
-------------------- ----- ---- ----- -- -
----- ---- - ------ -------
----- -------- - ------------------------------------
----------------------- --------------------------
-------------------
---
--
--
--在以上的配置中，我们在 WebpackDevServer 的 before 中间件中使用了 webant-handler-text 的 getJsModule 方法来处理文本文件，返回一个 Javascript 模块。在我们的 /api/text 路径上，使用该 Javascript 模块来返回文本文件的内容。
参数
webant-handler-text 支持两个参数，分别为：
search
类型：string
默认值：//
在文本文件中查找的正则表达式。默认使用 // 即全部匹配。
replace
类型：string
默认值：''
将当前匹配到的字符串替换为指定字符串。
结论
通过使用 webant-handler-text，我们可以方便地对纯文本文件进行处理，并且可以更好地使用 Webpack 的相关插件和Loader。 webant-handler-text 是一款非常实用的NPM包，值得我们深入学习和使用。
示例代码
示例代码可以在以下的 Github 仓库中找到：
---------------------------------------------------
来源：JavaScript中文网 ，转载请联系管理员！ 本文地址：https://www.javascriptcn.com/post/75285