什么是 gulp-token-replace
gulp-token-replace 是一个基于 gulp 的插件，在前端开发过程中常常会遇到需要动态替换某些关键字的需求，例如动态替换接口地址、版本号等等。这时候就可以使用 gulp-token-replace 来自动实现这个过程。
安装 Usage
安装 gulp-token-replace 的命令如下：
npm install gulp-token-replace --save-dev
接下来在 gulpfile.js 中进行配置。首先要加载 gulp 模块，然后使用 gulp-load-plugins 这个模块加载 gulp-token-replace：
-- -------------------- ---- -------
----- ---- - ----------------
----- - - -------------------------------
-------------------- -------- -- -
------ ------------------------ ----------------
----------------------
------- -
----- ---------------------
--
------ -
----- -------- -- -
------ --- -----------------
-
-
---
---------------------------------
---很显然，使用 gulp-token-replace 只需要调用插件的方法即可。在这里我们调用的是 $.tokenReplace ，接受一个 JSON 格式的参数，具体参数如下：
-- -------------------- ---- -------
-
------- - -- ----
----- ---------------------
--
------ - -- ----
----- -------- -- -
------ --- -----------------
-
-
-在这个参数中，我们使用了两个对象：global 和 local。其中 global 表示全局参数，是一个 JSON 格式的对象。local 表示局部参数，也是一个 JSON 格式的对象。属性名为需要替换的关键字，属性值为替换后的值。值得注意的是，local 中的属性值是一个函数，可以进行一些复杂的操作。
在这里，我们定义了两个变量：name 和 time。name 表示模块名称，然后 $ 去找到的 gulp-load-plugins，然后就是 gulp 模块了。而 time 参数定义了一个时间戳，用于保证每次的版本号都是唯⼀的。
接下来就可以运行 gulp replace，查看效果。
示例代码
下面是一个完整的示例代码，可以直接复制到 gulpfile.js 中进行测试：
-- -------------------- ---- -------
----- ---- - ----------------
----- - - -------------------------------
-------------------- -------- -- -
------ -------------------------
----------------------
------- -
----- ---------------------
--
------ -
----- -------- -- -
------ --- -----------------
-
-
---
---------------------------------
---总结
gulp-token-replace 插件在前端开发过程中十分有用，可以大大提高工作效率。在使用过程中，需要注意插件的参数配置，以获取期望的效果。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/66399