gulp和babel的安装
来源:互联网 发布:域名不以封疆之界 编辑:程序博客网 时间:2024/06/06 12:50
gulp是基于node.js构建的,gulp是自动化构建工具。
在安装gulp时,应该先检测node是否安装,使用如下命令:
如果已经安装,则安装gulp
进入项目根目录
作为项目的开发依赖安装
检测gulp是否安装成功,添加如下代码
var gulp = require('gulp'); //引入gulpgulp.task('abc', function() { // 将你的默认的任务代码放在这 condole.log("123");});在cmd命令下运行任务,如 gulp abc
安装gulp-babel,babel工具是用来将es6转化为es5,首先在github上搜索gulp-babel,使用下面的命令安装babel转换器。
npm install --save-dev gulp-babel babel-preset-env
测试环境是否搭建成功
在上述文件中添加如下代码
代码解读
var gulp = require('gulp');
var babel=require('gulp-babel');
引入gulp和babel两个模块
gulp.task('abc', function() {}); 开启一个任务
gulp.src('wj.js') .pipe(babel({ presets:['es2015'] })).pipe(gulp.dest('dist'));
gulp.src()方法需要转化的文件为wj.js,pipe(gulp.dest('dist'))指生成一个新的dist文件夹,用于存放被转化为es5的js文件
运行结果如下图所示,说明已经安装成功。
实时监控wj.js发生变化,需要添加代码如下
gulp.task("watch",['abc'],function(){
gulp.watch('wj.js',["abc"]);
})
需要运行 gulp watch,这时如果改变es6的js代码,相应的被转化的es5的文件会自动更新。
0 0
- gulp和babel的安装
- gulp-babel
- Gulp的配置文件gulpfile.babel.js
- 学习记录:gulp babel 的使用
- nodejs下用es6编程babel和gulp的配合应用
- gulp的安装和使用
- gulp的安装和使用
- gulp的安装和使用
- babel的安装
- Node-Babel-Gulp 随笔
- 安装gulp和bower
- babel安装
- 安装babel
- babel安装
- Babel安装
- gulp的安装
- gulp 的 安装使用
- 关于gulp的安装和使用的方法
- Linux中的find指令
- 灰度直方图
- leetcode-1
- CCF NOI1003 猜数游戏
- 1032. 挖掘机技术哪家强(20)
- gulp和babel的安装
- 170402个人博客制作日志
- BZOJ 1741 [Usaco2005 nov]Asteroids 穿越小行星群 二分图最小覆盖
- 路由器逆向分析------MIPS交叉编译环境的搭建(Buildroot)
- 设计模式学习之策略模式
- VxWorks目录架构
- 【笔记】数据库--中级SQL
- C#学习笔记 IEumerable接口 IEumerator接口
- 2017年最新版本apt-get安装源替换 阿里云源