gulp es7配置文件

http://sanwen.net/a/ybsfcoo.html

/**
 * Created by udi on 2016/11/24.
 */
var gulp = require(‘gulp‘);
var babel = require(‘gulp-babel‘);

var es7SrcJs = ["es7/*/*.js"];
var descPath = "src";

gulp.task(‘babelify‘, function () {
    return gulp.src(es7SrcJs)
        .pipe(babel({
            presets: [‘es2015‘, ‘es2016‘, ‘es2017‘],
            plugins: [["transform-runtime", {
                "polyfill": false,
                "regenerator": true
            }]]
        }))
        .pipe(gulp.dest(descPath))
        .on(‘error‘, function (err) {
            console.log(err.stack);
            this.emit(‘end‘);
        })
});

gulp.task(‘watch‘, function(){
    return gulp.watch(es7SrcJs, [‘babelify‘]);
});

gulp.task(‘default‘, [‘babelify‘, ‘watch‘]);

test.js

var abc = o=>{ return 1;}

var sleep = function (time) {
    return new Promise(function (resolve, reject) {
        setTimeout(function () {
            resolve();
        }, time);
    })
};

var start = async function () {
    // 在这里使用起来就像同步代码那样直观
    console.log(‘start‘);
    await sleep(3000);
    console.log(‘end‘);
};

start();

运行 : gulp 即可。

				
时间: 2024-10-28 07:08:56

gulp es7配置文件的相关文章

gulp入门教程

gulp是什么? gulp是前端开发过程中对代码进行构建的工具,是自动化项目的构建利器:它不仅能对网站资源进行优化,而且在开发过程中很多重复的任务能够使用正确的工具自动完成:使用它,我们不仅可以很愉快的编写代码,而且大大提高我们的工作效率. gulp是基于Nodejs的自动任务运行器, 它能自动化地完成 javascript/coffee/sass/less/html/image/css 等文件的的测试.检查.合并.压缩.格式化.浏览器自动刷新.部署文件生成,并监听文件在改动后重复指定的这些步骤

gulp实时刷新页面

需要安装nodejs 全局安装gulp cnpm install -g gulp 局部安装 cnpm install -save-dev gulp 添加配置文件,新建gulpfile.js var gulp = require('gulp'); var browserSync = require('browser-sync'); var reload = browserSync.reload; gulp.task('serve', function() { browserSync({ serve

gulp详细入门教程

简介: gulp是前端开发过程中对代码进行构建的工具,是自动化项目的构建利器:她不仅能对网站资源进行优化,而且在开发过程中很多重复的任务能够使用正确的工具自动完成:使用她,我们不仅可以很愉快的编写代码,而且大大提高我们的工作效率. gulp是基于Nodejs的自动任务运行器, 她能自动化地完成 javascript/coffee/sass/less/html/image/css 等文件的的测试.检查.合并.压缩.格式化.浏览器自动刷新.部署文件生成,并监听文件在改动后重复指定的这些步骤.在实现上

Gulp的入门级教程

gulp是前端开发过程中对代码进行构建的工具,是自动化项目的构建利器:她不仅能对网站资源进行优化,而且在开发过程中很多重复的任务能够使用正确的工具自动完成:使用她,我们不仅可以很愉快的编写代码,而且大大提高我们的工作效率. gulp是基于Nodejs的自动任务运行器, 她能自动化地完成 javascript/coffee/sass/less/html/image/css 等文件的的测试.检查.合并.压缩.格式化.浏览器自动刷新.部署文件生成,并监听文件在改动后重复指定的这些步骤.在实现上,她借鉴

gulp 入门使用指南(未完)

其实网上有一大把入门指南了,官网上也讲得很清楚.怎么安装,有哪些方法,我在网上已经看到很多很多很多了. 可是我还是很懵逼.不能理解为什么要使用这些工具,不知道学习了这些方法该怎么用,在哪里用.光看文档是学不会的,得有实战!实战啊!我感受不到这些新技术的好处.所以最初学习的时候,我迫切地渴望能有一个人,一篇文章,能通过一个具体的项目来指引一下我.然鹅并没有.(在小公司的坏处,没有指导,突破不了,还懒) 现在我对gulp也还是懵懵哒.只能慢慢写咯. 几乎每一个前端工具都对应了它自己的配置文件,nod

gulp打包构建

首先安装node.js 安装地址nodejs.org 把npm指向淘宝的cnpm 控制台输入 npm install -g cnpm --registry=https://registry.npm.taobao.org 想看具体的点这里 http://npm.taobao.org/ 接着先来说传统的项目 比如现在的目录结构是这样  里面的详情是这样滴 大家可以看到有个gulpfile.js 文件和package.json文件 先不管gulpfile.js这个东西 先来看package.json

gulp系列文章一 fis vs grunt vs gulp,为什么要是gulp呢?

gulp是最近火起来的前端构建工具,大有赶超grunt之势,它和grunt这种构建工具比较像. grunt是写一个Gruntfile.js来写配置代码,gulp则是写一个gulpfile.js来写配置代码.然后通过命令grunt或者gulp来构建项目, 前端现在三足鼎立的构建工具(不算比较老的ant,yeoman),非fis,grunt,gulp莫属了. fis是用起来最简单的.都不用自己写什么配置文件.直接执行几个命令就能把所有东西给你嗖嗖嗖的弄好.难易程度一颗星. grunt相对来说是最复杂

经验之谈——gulp使用教程

gulp的最实用教程 使用gulp编译less.sass.压缩js等常用功能讲解 gulp是前端开发过程中对代码进行构建的工具,是自动化项目的构建利器:她不仅能对网站资源进行优化,而且在开发过程中很多重复的任务能够使用正确的工具自动完成:使用她,我们不仅可以很愉快的编写代码,而且大大提高我们的工作效率. gulp是基于Nodejs的自动任务运行器, 她能自动化地完成 javascript/coffee/sass/less/html/image/css 等文件的的测试.检查.合并.压缩.格式化.浏

JS那些事儿——Gulp的入门使用

前言 新人使用gulp的一个记录. 首先对于第一个新事物,我会问gulp这是什么? 答:gulp是一个自动化构建工具,它可以做一些自动化的任务,比如: 检查Javascript 编译Sass(或Less之类的)文件 合并Javascript 压缩并重命名合并后的Javascript 变更静态资源 给静态资源添加 md5 合并雪碧图 自动刷新浏览器 ... 以前为了提高网站的访问速度,这些都是人工做的,现在gulp可以很好的完成他们,因为它们是流程化的,程序员就是极客,这种能用程序做的当然不用人来