介绍
gastona 是一款基于 gulp 的自动化构建工具，可以通过配置文件实现任务自动化。
安装
使用 npm 进行安装：
npm install gastona配置
在项目根目录创建一个 gulpfile.js 文件，内容如下：
const gulp = require('gulp'); const gastona = require('gastona'); gastona(gulp, { // 此处填写配置 });
常用任务
监听文件变化并执行任务
-- -------------------- ---- ------- ------------- - ------ - -- ------- ----- ------------- -- ----- ------ ---------- -- ------- ---------- ----- - ---展开代码
在终端输入 gulp watch 启动该任务。
执行 eslint
安装 eslint 和 gulp-eslint：
npm install eslint gulp-eslint --save-dev
在配置中添加以下代码：
-- -------------------- ---- ------- ------------- - ------- - -- --------- ----- ---------------- -- -------- ------ ------ -- ------ -- --------- ------------------- -- ---展开代码
在终端输入 gulp eslint 启动该任务。
执行 babel 转换
安装 babel 和 gulp-babel：
npm install @babel/core @babel/preset-env gulp-babel --save-dev
在配置中添加以下代码：
-- -------------------- ---- ------- ------------- - ------ - -- --------- ----- ---------------- -- -------- ------ ------ -- ---- ------------ - -------- ---------------------- -- -- ---展开代码
在终端输入 gulp babel 启动该任务。
压缩文件
安装 gulp-uglify：
npm install gulp-uglify --save-dev
在配置中添加以下代码：
-- -------------------- ---- ------- ------------- - ------- - -- --------- ----- ---------------- -- -------- ------ ------ -- ------------- ----- --------- -- ---展开代码
在终端输入 gulp uglify 启动该任务。
编译 less
安装 gulp-less：
npm install gulp-less --save-dev
在配置中添加以下代码：
-- -------------------- ---- ------- ------------- - ----- - -- --------- ----- ------------------ -- -------- ------ ------ -- ---- -- ----------- --- -- ---展开代码
在终端输入 gulp less 启动该任务。
小结
gastona 是一款非常方便的自动化构建工具，可以大大提高前端开发效率。通过本教程的介绍，相信读者已经学会了如何配置和使用它。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/73069
