javascript 使用Babel,Browserify和Gulp的新ES6项目
Posted
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了javascript 使用Babel,Browserify和Gulp的新ES6项目相关的知识,希望对你有一定的参考价值。
var gulp = require('gulp');
var sourcemaps = require('gulp-sourcemaps');
var source = require('vinyl-source-stream');
var buffer = require('vinyl-buffer');
var browserify = require('browserify');
var watchify = require('watchify');
var babel = require('babelify');
function compile(watch) {
var bundler = watchify(browserify('./src/index.js', { debug: true }).transform(babel));
function rebundle() {
bundler.bundle()
.on('error', function(err) { console.error(err); this.emit('end'); })
.pipe(source('build.js'))
.pipe(buffer())
.pipe(sourcemaps.init({ loadMaps: true }))
.pipe(sourcemaps.write('./'))
.pipe(gulp.dest('./build'));
}
if (watch) {
bundler.on('update', function() {
console.log('-> bundling...');
rebundle();
});
}
rebundle();
}
function watch() {
return compile(true);
};
gulp.task('build', function() { return compile(); });
gulp.task('watch', function() { return watch(); });
gulp.task('default', ['watch']);
以上是关于javascript 使用Babel,Browserify和Gulp的新ES6项目的主要内容,如果未能解决你的问题,请参考以下文章
javascript 使用lerna,monorepo和yarn工作空间创建一个babel变换器来修复babel-jest问题
webpack处理javascript兼容性--Babel
webpack处理javascript兼容性--Babel
JavaScript 编译器-Babel
Babel 简介
javascript 使用Babel,Browserify和Gulp的新ES6项目