前端 - 使用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
- 点赞
- 收藏
- 分享
- 文章举报
相关文章推荐
- 使用 gulp 搭建前端环境入门篇(转载)
- 使用 gulp 搭建前端环境之 ionic 项目实践总结
- Ubuntu系统下使用Eclipse搭建hadoop2.4运行环境
- 在xampp里搭建php运行环境并使用
- 使用 Docker 搭建 Java Web 运行环境
- 使用 Docker 搭建 Java Web 运行环境
- 使用 Docker 搭建 Java Web 运行环境
- 前端搭建Nodejs+npm+gulp开发环境
- 使用 Docker 搭建 Java Web 运行环境
- 在生产环境使用apache、mod_wsgi搭建Django运行环境。
- 使用Yeoman和AngularJS搭建一个功能完整的应用前端环境
- 使用docker快速搭建运行环境
- 使用 Docker 搭建 Java Web 运行环境
- 使用 Docker 搭建 Java Web 运行环境
- gulp教程 前端工作环境的搭建
- 使用 Docker 搭建 Java Web 运行环境
- Kafka使用入门教程之二--搭建Kafka运行环境
- 使用 Docker 搭建 Java Web 运行环境
- 搭建libGdx环境并使用genymotion运行的问题
- Grunt环境搭建及使用 前端必备