zoukankan      html  css  js  c++  java
  • 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"
      }

    }
  • 相关阅读:
    为服务部署 Jekins的使用
    spring cloud
    docker
    WebSocket
    idea
    maven
    SQL四种语言(DDL、 DML、 DCL、 TCL)
    十大经典排序
    AVL树的旋转图解和简单实现
    多个线程交替打印
  • 原文地址:https://www.cnblogs.com/Model-Zachary/p/6108454.html
Copyright © 2011-2022 走看看