介绍
gastona 是一款基于 gulp 的自动化构建工具，可以通过配置文件实现任务自动化。
安装
使用 npm 进行安装：
--- ------- -------
配置
在项目根目录创建一个 gulpfile.js 文件，内容如下：
----- ---- - ----------------
----- ------- - -------------------
------------- -
-- ------
---常用任务
监听文件变化并执行任务
------------- -
------ -
-- -------
----- -------------
-- -----
------ ----------
-- -------
---------- -----
-
---在终端输入 gulp watch 启动该任务。
执行 eslint
安装 eslint 和 gulp-eslint：
--- ------- ------ ----------- ----------
在配置中添加以下代码：
------------- -
------- -
-- ---------
----- ----------------
-- --------
------ ------
-- ------ --
--------- -------------------
--
---在终端输入 gulp eslint 启动该任务。
执行 babel 转换
安装 babel 和 gulp-babel：
--- ------- ----------- ----------------- ---------- ----------
在配置中添加以下代码：
------------- -
------ -
-- ---------
----- ----------------
-- --------
------ ------
-- ----
------------ -
-------- ----------------------
--
--
---在终端输入 gulp babel 启动该任务。
压缩文件
安装 gulp-uglify：
--- ------- ----------- ----------
在配置中添加以下代码：
------------- -
------- -
-- ---------
----- ----------------
-- --------
------ ------
-- -------------
----- ---------
--
---在终端输入 gulp uglify 启动该任务。
编译 less
安装 gulp-less：
--- ------- --------- ----------
在配置中添加以下代码：
------------- -
----- -
-- ---------
----- ------------------
-- --------
------ ------
-- ---- --
----------- ---
--
---在终端输入 gulp less 启动该任务。
小结
gastona 是一款非常方便的自动化构建工具，可以大大提高前端开发效率。通过本教程的介绍，相信读者已经学会了如何配置和使用它。
来源：JavaScript中文网 ，转载请联系管理员！ 本文地址：https://www.javascriptcn.com/post/73069