码迷,mamicode.com
首页 > 其他好文 > 详细

前端 - 使用gulp搭建es6运行环境

时间:2016-08-02 16:36:56      阅读:237      评论:0      收藏:0      [点我收藏+]

标签:

1、创建一个项目目录
2、全局安装Traceur,在控制台输入
  npm install -g traceur
3、打开项目目录,安装gulp以及gulp-traceur插件
  npm install -g gulp
  npm install gulp gulp-traceur –save-dev
4、创建package.json文件 npm init,在项目根目录创建gulpfile.js

var gulp = require(‘gulp‘);
var browserSync = require(‘browser-sync‘).create();
var traceur = require(‘gulp-traceur‘);
 
// Static Server + watching scss/html files
gulp.task(‘serve‘, [‘traceur‘], function() {
    browserSync.init({
     server: "./"
     });
 
    gulp.watch("build/**/*.js", [‘traceur‘]);
 
});
 
gulp.task(‘traceur‘, function(){
    return gulp.src(‘build/*.js‘)
        .pipe(traceur({exprimental: true}))
        .pipe(gulp.dest(‘js‘));
});
 
gulp.task(‘default‘, [‘serve‘]);

5.运行 gulp

技术分享

参考文章

http://www.cnblogs.com/lilycn/p/5702213.html

 

需要注意:

1、有可能提示没有安装browser-sync,我是FQ安装的没有FQ的时候安装了半天没有成功,FQ之后瞬间OK。

前端 - 使用gulp搭建es6运行环境

标签:

原文地址:http://www.cnblogs.com/nj0409/p/5729516.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!