guulp配置编译ES6

下面是gulp的配置文件,gulp具体使用点击查看

首先全局安装下
cnpm install gulp -g

 gulpfile.js  gulp配置文件

复制代码
var gulp = require("gulp"),
    babel = require("gulp-babel"),
    handleErrors = require('./src/util/handleErrors');

   // 转译Es6
gulp.task('Es6',function(){
    return gulp.src('src/js/*js')
           .pipe(babel({presets: ['es2015']})) 
           .on('error', handleErrors)//报错提醒 
           .pipe(gulp.dest('dist/js/')); 
})
gulp.task('action', ['Es6']); //先运行

gulp.task("watchEs6",function(){  //检测有变化就进行编译
    gulp.watch("src/js/*js",['Es6'])
})

gulp.task('default', ['watchEs6','action']); //运行
复制代码

 package.json文件

复制代码
{
  "scripts": {
    "test": "gulp"//可通过cnpm run test 运行   复制过去请把这段注释删除,否者会报错
  },

  "devDependencies": {
    "babel-preset-es2015": "^6.24.1",
    "gulp": "^3.9.1",
    "gulp-babel": "^6.1.2",
    "gulp-notify": "^3.0.0"
  }

}
复制代码

 

posted @   xuanPhoto  阅读(256)  评论(0编辑  收藏  举报
编辑推荐:
· 记一次.NET内存居高不下排查解决与启示
· 探究高空视频全景AR技术的实现原理
· 理解Rust引用及其生命周期标识(上)
· 浏览器原生「磁吸」效果!Anchor Positioning 锚点定位神器解析
· 没有源码,如何修改代码逻辑?
阅读排行:
· 分享4款.NET开源、免费、实用的商城系统
· 全程不用写代码,我用AI程序员写了一个飞机大战
· MongoDB 8.0这个新功能碉堡了,比商业数据库还牛
· 白话解读 Dapr 1.15:你的「微服务管家」又秀新绝活了
· 记一次.NET内存居高不下排查解决与启示
点击右上角即可分享
微信分享提示