您的位置:首页 > Web前端

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

2020-01-14 04:24 85 查看

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,我是翻墙安装的没有翻墙的时候安装了半天没有成功,翻墙之后瞬间OK。

转载于:https://www.cnblogs.com/nj0409/p/5729516.html

  • 点赞
  • 收藏
  • 分享
  • 文章举报
csdn_heyi_2016 发布了0 篇原创文章 · 获赞 0 · 访问量 824 私信 关注
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: