joken-前端工程师

  博客园 :: 首页 :: 博问 :: 闪存 :: 新随笔 :: :: :: 管理 ::
  394 随笔 :: 39 文章 :: 8 评论 :: 20万 阅读
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'))
})  
posted on   joken1310  阅读(4845)  评论(0编辑  收藏  举报
编辑推荐:
· AI与.NET技术实操系列(二):开始使用ML.NET
· 记一次.NET内存居高不下排查解决与启示
· 探究高空视频全景AR技术的实现原理
· 理解Rust引用及其生命周期标识(上)
· 浏览器原生「磁吸」效果!Anchor Positioning 锚点定位神器解析
阅读排行:
· DeepSeek 开源周回顾「GitHub 热点速览」
· 物流快递公司核心技术能力-地址解析分单基础技术分享
· .NET 10首个预览版发布:重大改进与新特性概览!
· AI与.NET技术实操系列(二):开始使用ML.NET
· .NET10 - 预览版1新功能体验(一)
点击右上角即可分享
微信分享提示