首页 > 代码库 > gulp 编译es6 探究
gulp 编译es6 探究
1.gulp配置:
var gulp = require(‘gulp‘) var fs = require("fs") var babelify = require(‘babelify‘) var browserify = require(‘browserify‘) var rename=require(‘gulp-rename‘) var uglifyjs = require(‘gulp-uglifyjs‘) gulp.task(‘es2015‘, () => { browserify("./src/main.js") .transform(["babelify", { babelrc: false, presets: [‘es2015‘, ‘es2016‘, ‘es2017‘, ‘stage-0‘], plugins: [‘transform-decorators-legacy‘] }]) .bundle() .pipe(fs.createWriteStream("bundle.js")); }) gulp.task(‘uglifyjs‘,()=>{ gulp.src(‘./bundle.js‘) .pipe(uglifyjs()) .pipe(rename(‘bundle.min.js‘)) .pipe(gulp.dest(‘./dist‘)) }) gulp.task(‘default‘, () => { gulp.watch(‘./src/**/*.js‘, () => { gulp.run(‘es2015‘) }) })
这里编译es6的要点工具是babel和browserify,browserify是一个打包module模块的工具,能够将import之类的module打包进来到文件中。另外browserify还配置了babel模块来编译es6,这样就可以高度实现对es6的编译和打包。
gulp 编译es6 探究
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。