1 2 3 4 5 6 7 8 9 10 11 | gulp.task( 'tojs' , () => { return gulp.src( './es/**/*.js' ) .pipe(babel({ babelrc: false , plugins: [ 'transform-es2015-modules-commonjs' ] })) .pipe(gulp.dest( '.rjs' )) .on( 'end' ,()=>{ gulp.run( 'toes6' ) }); }); |
思路是先实现所有有写import export语法的js文件都编译成require语法的js文件,然后再如下编译
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 | gulp.task( 'toes6' , () => { gulp.src( './.rjs/index.js' ) //把已经require化的所有js文件的入口文件index.js 进行 browserify 处理和 babel处理 ,最终实现对es6语法的编译 .pipe(browserify({ insertGlobals: true , debug: !gulp.env.production, ignore: [ 'jquery-3.2.1.min.js' ] })) .pipe(babel({ babelrc: false , presets: [ 'es2015' , 'es2016' , 'es2017' , 'stage-0' , 'react' ], plugins: [ 'transform-decorators-legacy' ] })) .pipe(uglify()) .pipe(gulp.dest( 'js' )) }) |
前端工程师、程序员
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· AI与.NET技术实操系列(二):开始使用ML.NET
· 记一次.NET内存居高不下排查解决与启示
· 探究高空视频全景AR技术的实现原理
· 理解Rust引用及其生命周期标识(上)
· 浏览器原生「磁吸」效果!Anchor Positioning 锚点定位神器解析
· DeepSeek 开源周回顾「GitHub 热点速览」
· 物流快递公司核心技术能力-地址解析分单基础技术分享
· .NET 10首个预览版发布:重大改进与新特性概览!
· AI与.NET技术实操系列(二):开始使用ML.NET
· .NET10 - 预览版1新功能体验(一)