babel+gulp 组合配置

🌙
手机阅读
本文目录结构

安装

npm install gulp gulp-babel –save-dev

创建 gulp 的配置文件 gulpfile.js

touch gulpfile.js

配置文件如下

var gulp=require('gulp');
var babel=require('gulp-babel');

gulp.task("babel",function () {
    return gulp.src('src/*.js')
        .pipe(babel())
        .pipe(gulp.dest('build'))
});

gulp.task("default",["babel"]);

在 package 里配置命令

"scripts": {
    "test": "echo \"Error: no test specified\" && exit 1",
    "build": "./node_modules/.bin/babel src -wd build",
    "dev": "./node_modules/.bin/gulp"
},

上面新增了 dev 这个命令;

npm run dev

此时也可以达到编译效果;(类似 babel 的)

AXIHE / 精选教程

浏览全部教程

HTML

CSS

JS

关于朱安邦

我叫 朱安邦,阿西河的站长,在杭州。

以前是一名平面设计师,后来开始接接触前端开发,主要研究前端技术中的JS方向。

业余时间我喜欢分享和交流自己的技术,欢迎大家关注我的 Bilibili

关注我: Github / 知乎

如果你加我的私人微信,麻烦写上您的 称呼,所在地区,职业,方便我备注,谢谢


本站的微信公众号

阿西河前端教程

Anbang

安邦的私人微信

微信号: yaolushan

Anbang

Bilibili(B站)

朱安邦

Anbang