JavaScript   发布时间:2022-04-16  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了javascript – 将Babel与单个输出文件和ES6模块一起使用大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
这是将我的ES6代码编译成单个ES5文件的gulp任务.我在ES6中使用类和模块(导入,导出).
gulp.src(paths.scripts)
        .pipe(sourcemaps.init())
        .pipe(babel({
          presets: ['es2015']
         }))
        .pipe(concat('all.js'))
        .pipe(sourcemaps.write('.'))
        .pipe(gulp.dest('./www/js'));

但是,由于Babel将ES6导入指令编译为require命令,并且require将尝试请求文件,因此请求文件失败,因为所有ES5代码都连接到一个文件all.js.

结果是一堆“错误:无法找到模块”错误.如何编译在单个文件中保存的模块?

解决方法

你不是第一个需要使用Babel将JSX / ES6转换为ES5而不使用COR_817_11845@monJS模块以及Browserify / Webpack的人.不幸的是,事实证明这在当时是不可能的( 1,2,3),看起来它永远不可能.如果你想使用与Babel一起编译的ES6,你几乎被迫使用这些工具,但你没有机会将结果代码与其他连接/内联JavaScript一起使用(因为所有那些require()调用而不是窗口上的全局变量).很遗憾巴贝尔不允许改变这种行为.

大佬总结

以上是大佬教程为你收集整理的javascript – 将Babel与单个输出文件和ES6模块一起使用全部内容,希望文章能够帮你解决javascript – 将Babel与单个输出文件和ES6模块一起使用所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。