简介
在前端开发中，我们少不了构建工具，其中 Gulp 是非常常用的一种。它可以帮助我们自动化构建任务，例如压缩代码、编译文件、合并文件等等。当我们在项目中频繁使用一些特定的任务时，我们需要将其封装成一个 gulp 插件，以便于复用。
gulp-lmt-tasks 就是一个这样的工具，它是一组预设的 gulp 任务，这些任务可以自动化完成一些常用的任务，例如：CSS 预处理、CSS 自动补全前缀、JavaScript 压缩等等。
安装
安装 gulp-lmt-tasks 很简单，通过命令行进入项目根目录，输入以下命令即可：
--- ------- --------------
使用
在使用 gulp-lmt-tasks 之前，我们需要先了解 gulp 配置流程。Gulp 配置文件通常被命名为 gulpfile.js，在此文件中，我们需要定义一组任务。例如：
--- ---- - ---------------- ----------------- -------- -- - -------------------- -------- --- -------------------- ----------
以上代码定义了一个名为 test 的 gulp 任务，在此任务中，我们输出了一条测试信息。在 default 任务中，我们依赖了 test 任务，当执行 default 任务时，gulp 将先执行 test 任务，然后再执行 default 任务。
在使用 gulp-lmt-tasks 的时候，我们需要在 gulpfile.js 文件中引入该插件，并且配置任务。以下是一个示例：
--- ---- - ----------------
------- - --------------------------
------------- -
------- -
------------------
--
-------- -
---------------
--
------- -
-----------------------------------
--
------ -
-------------------------------------------
-
---在以上代码中，我们通过 require() 方法引入了 gulp-lmt-tasks，然后定义了名为 styles, scripts, images, fonts 的四个任务。这些任务分别用于处理样式、脚本、图片和字体。
在以上代码中，gulp 对象传递给了 lmTasks() 函数作为参数，以便进行任务的定义。lmTasks() 函数接受两个参数：gulp 对象和一个包含配置选项的 JavaScript 对象。
在 styles 任务中，我们定义了一个 ./src/css/*.scss 的目录，表示将会压缩该文件夹中所有的 .scss 文件，并将输出到 ./dist/css 目录下。在 scripts 任务中，同理。
在 images 任务中，我们定义了一个 ./src/img/**/*.{png,jpeg,jpg,gif} 的目录，表示将会压缩该文件夹中所有 png, jpeg, jpg 和 gif 格式的图片，并将输出到 ./dist/img 目录下。在 fonts 任务中，同理。
配置选项
以下是可用的配置选项：
styles
类型: Array
默认值: ['./src/css/*.scss']
该选项指定要编译的样式表文件的路径。将会根据该路径下的文件和文件夹结构生成相应的目录结构。
scripts
类型: Array
默认值: ['./src/js/*.js']
该选项指定要压缩的脚本文件的路径。将会根据该路径下的文件和文件夹结构生成相应的目录结构。
images
类型: Array
默认值: ['./src/img/**/*.{png,jpeg,jpg,gif}']
该选项指定要压缩的图片文件的路径。将会根据该路径下的文件和文件夹结构生成相应的目录结构。
fonts
类型: Array
默认值: ['./src/fonts/**/*.{eot,svg,ttf,woff,woff2}']
该选项指定要字体文件的路径。将会根据该路径下的文件和文件夹结构生成相应的目录结构。
结论
使用 gulp-lmt-tasks 可以帮助我们快速地搭建一个前端开发的自动化构建工具，非常的方便。此外，该插件的扩展性非常的高，我们可以根据自己的需要进行相应的扩展和修改。
来源：JavaScript中文网 ，转载请联系管理员！ 本文地址：https://www.javascriptcn.com/post/6005677981e8991b448e3df0