[英]Babel es2015 presets doesn't translate Map and Set to es5
我正在使用gulp-babel将我的es6代码翻译成es5
gulp.task('build_all_debug', ['config', 'compile'], function() {
var stream = gulp.src(['public/js/config.js', 'public/js/*.js', 'public/compiled/*.js'])
.pipe(babel({
presets: ['es2015']
}))
.pipe(concat('app.js'))
.pipe(gulp.dest('public/dist'));
return stream;
});
虽然它大部分工作正常,但它实际上并没有翻译Map和Set。 我的结果js代码仍然包含它们,当我用karma / mocha / phantomJs运行单元测试时,我得到以下错误:
PhantomJS 2.1.1 (Mac OS X 0.0.0) notes.controller "before each" hook: workFn for "loads notes from the service" FAILED
Can't find variable: Map
activate@public/dist/app.js:2402:39
有没有办法强迫babel将Map和Set转换为es5中的对象和数组?
您必须在代码中包含babel-polyfill
。
你必须用npm安装它:
npm install babel-polyfill
然后,如果您使用的是ES6模块:
import 'babel-polyfill';
要么:
require('babel-polyfill');
如果要在浏览器中运行代码,可以从cdnjs加载:
<script src="https://cdnjs.cloudflare.com/ajax/libs/babel-polyfill/6.16.0/polyfill.min.js"></script>
Babel无法“翻译” Map
和Set
,因为它们不是语言功能(虽然它们在ES规范中有描述)。 它们是存在于全球范围内的类。
您应该使用定义ES6集合的polyfill,以便您可以在不提供支持的浏览器中继续使用它们。 我不确定Babel使用的库是什么,但是es6-shim应该涵盖所有主要部分。
您不需要更改任何代码以使用polyfill,它只是定义Map
(和朋友)以供日后使用。
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.