[ ES6 ] 三. 使用 ES6 来写gulp任务

news/2023/12/1 10:43:45

在gulp 3.9 版本中,我可以使用ES6(现在叫ES2015)来编写我们的gulpfile文件。

首先,确保你的gulp 和 CLI 版本是最新的3.9 :

gulp -v

应该输出:

CLI version 3.9.0
Local version 3.9.0

如果你的版本是低于3.9的,我们使用下列命令更新至最新版本:

npm install gulp && npm install gulp -g

接下来就是将gulpfile.js 重命名为gulpfile.babel.js

现在就可以用ES6来写我们的gulpfile文件了:

import gulp from 'gulp';
import sass from 'gulp-sass';
import autoprefixer from 'gulp-autoprefixer';
import sourcemaps from 'gulp-sourcemaps';

const dirs = {
  src: 'src',
  dest: 'build'
};

const sassPaths = {
  src: `${dirs.src}/app.scss`,
  dest: `${dirs.dest}/styles/`
};

gulp.task('styles', () => {
  return gulp.src(paths.src)
    .pipe(sourcemaps.init())
    .pipe(sass.sync().on('error', plugins.sass.logError))
    .pipe(autoprefixer())
    .pipe(sourcemaps.write('.'))
    .pipe(gulp.dest(paths.dest));
});

这里我们利用了ES6的模块系统,箭头函数,字符串模板和常量定义。更多ES6新特性请参考: http://es6-features.org/

来自: https://markgoodyear.com/2015/06/using-es6-with-gulp/


http://www.niftyadmin.cn/n/4613429.html

相关文章

[职业规划来了]四部曲!耐性看,一定有收获

为什么80%的码农都做不了架构师?>>> http://blog.csdn.net/HuDon/article/details/1050365 一步曲:为什么要做职业规划 -------------------------------------------------------------------- 职业规划有什么用? 职业规划不能当…

陪诊师接单app开发|陪诊小程序开发|陪诊师接单系统开发

随着人们健康意识的提高和医疗服务的不断完善,陪诊服务逐渐受到人们的关注和需求。为了满足顾客的需求,陪诊小程序应运而生。下面将介绍陪诊小程序开发的几个优势。   1. 提供方便的预约和服务体验   陪诊小程序可以让顾客随时随地通过手机预约陪诊服…

android APK反编译的方法

2019独角兽企业重金招聘Python工程师标准>>> 因为学习Android编程的需要,有时我们需要对网络上发布的应用项目进行学习,可是Android项目一般是通过APK文件进行发布的,我们看不到源代码,嘿嘿,办法总会有的&a…

机器学习数据的标准化(normalization)和归一化

数据的标准化(normalization)和归一化 数据的标准化(normalization)是将数据按比例缩放,使之落入一个小的特定区间。在某些比较和评价的指标处理中经常会用到,去除数据的单位限制,将其转化为无量…

python 数据预处理

观察数据 housing.info()housing.describe()housing.hist(bins50, figsize(20,15)) # 连续数据 plt.show() 离散变量使用value_counts()观察: housing[‘ocean_proximity’].value_counts() 分割数据为测试数据和训练数据 方法1 train_test_split from sklearn.m…

Linuxshell之如何控制脚本

写在前面:案例、常用、归类、解释说明。(By Jim) CtrlC组合键可以生产SIGINT信号CtrlZ组合键生产SIGTSTP信号,停止进程后程序仍然留在内存中,能够从停止的地方继续运行。捕获信号#!/bin/bash# testing output in a bac…

MySQL全文检索笔记 转载

1. MySQL 4.x版本及以上版本提供了全文检索支持,但是表的存储引擎类型必须为MyISAM,以下是建表SQL,注意其中显式设置了存储引擎类型 CREATE TABLE articles (id INT UNSIGNED AUTO_INCREMENT NOT NULL PRIMARY KEY,title VARCHAR(200),body T…

Python使用 sklearn pipeline进行数据清洗

setup pipeline from sklearn.pipeline import Pipeline from sklearn.preprocessing import StandardScaler num_pipeline Pipeline([ (‘imputer’, Imputer(strategy“median”)), #中值写入 (‘attribs_adder’, CombinedAttributesAdder()),#增加比例列 (‘std_scaler’…

Swift iOS macOS 多语言支持,国际化支持, Localization Localizable

Swift iOS macOS 多语言支持,国际化支持, Localization Localizable 搞开发一定要不断的提升自己的英文水平,因为很多文档都是英文的,像 iOS 的开发API文档等等。学好英文,你就可以在编程的世界里任意遨游。 完成一个项…

Swift iOS macOS 字符串 插入到已排序的数组中,字符串对比

Swift iOS macOS 字符串 插入到已排序的数组中,字符串对比 今天需要实现这样一个功能: 有一个字符串 ad,需要按顺序插入到这样一个字符串数组中。 注意:这个数组中有近8万条数据,所以不可能每添加一个数据都重新排序一…

python 回归和决策树 数据验证和参数调整

cross_val_score, cv10, 随机分成10个子集 ​from sklearn.model_selection import cross_val_score scores cross_val_score(tree_reg, housing_prepared, housing_labels, scoring“neg_mean_squared_error”, cv10) tree_rmse_scores np.sqrt(-scores) def display_scor…

Swift iOS macOS 如何 Localize StoryBoard,StoryBoard 本地化,添加多语言支持,基于 String

Swift iOS macOS 如何 Localize StoryBoard,StoryBoard 本地化,添加多语言支持,基于 String 本地化主要包含两个部分:代码中文本的本地化 和 StoryBoard 中文本的本地化 iOS 和 macOS 是一样的 这里只介绍 StoryBoard 的本地化&a…

Integer类型的数据比较大小

因为实体类用的是Integer包装类,所以是对象,不能直接比较大小, 一、一个Integer一个Int可以直接比较大小 二、两个Integer需要用.intValue()方法比较大小: 例如:cw.getCwId().intValue()list.get(i).getCwId().intValu…

使用NLP从文章中自动提取关键字

运用场景: call centre 数据的关键字提取,从而根据关键字归类为部件相关类(ADF,Engine, FB,boot up,duplex issue etc)和流程相关类(install issue, print issue, fax issue etc.。 在研究和新闻文章中,关键词构成了…

Power BI中的QA功能预览

微软在休斯敦的全球合作伙伴大会上发布了Power BI for Office 365,通过Excel和Office 365中的自服务式商业智能解决方案为信息工作者提供了数据分析以及可视化功能以帮助他们更好的洞悉企业内部和外部的数据。其中有一个很棒的功能就是Power BI的QA功能,…

用户关闭页面前提示,提醒保存内容 Window 的 unload onunload onbeforeunload 事件

用户关闭页面前提示,提醒保存内容 Window 的 unload onunload onbeforeunload 事件 在线测试例子: http://kylebing.cn/test/unload-event/ 在很多有编辑内容的页面都需要实现这个功能: 用户在点击刷新、关闭、离开、关闭当前标签页、关闭浏览…
最新文章