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

news/2024/6/17 12:05:50

在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’…