我正在使用 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>
关于javascript - Babel es2015 预设不会将 Map 和 Set 转换为 es5,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/40388530/