Tag: babeljs

ES6 – 使用带有jQuery插件的babel / traceur

我希望能够使用jQuery插件编写ES6，并使用Gulp Babel将代码编译为ES5，而无需使用Browserify使其工作。 例如，我可能有这样一个类： import $ from ‘jquery’; import somePlugin from ‘somePlugin’; class myClass { constructor(options) { this.defaults = { $body: $(‘body’) }; this.options = $.extend(this.defaults, options); $body.somePlugin(); } } 如果我使用Babelify，我可以让它工作，但我更愿意找到一种方法，我不必依赖另一个过程。 当我只使用Babel时，我在控制台中收到此错误： Uncaught ReferenceError: require is not defined 。 我检查了代码，看起来它正在将导入变为需求。 有没有办法解决这个问题，还是我必须坚持使用Browserify（Babelify）来编译JavaScript？ 编辑：我目前正在使用browserify-shim来使jQuery插件工作 编辑2：不，这不是关于RequireJS – 我试图删除使用Browserify与Babel

将ES6插件扩展为jQuery原型

我想请一些帮助，因为我无法使用模块和类转换ES6中的经典jQuery（v2）插件。 在ECMAScript 5中，我们可以将jQuery插件附加到jQuery原型中，如下所示： app.js – 通过HTML 标签加载jQuery $.fn.myPlugin = function() {}; $(‘div’).myPlugin(); 它工作:)。 在ES6中，我会写这样的东西： myPlugin.es6： import $ from ‘jquery’; export default class myPlugin extends $ { // Could i use constructor() method ??? } app.es6： import $ from ‘jquery’; import myPlugin from ‘myPlugin.es6’; $(‘div’).myPlugin(); 最后，它不起作用…… 我搜索过，之前没有人问过这个问题。 我使用Babel将ES6转换为ES5。

带有ES6箭头函数的jQuery .each（）函数

我有这个ES6代码，在用Babel编译它到ES5之后， this内部.each的回调变得undefined 。 我该如何解决这个问题？ let mediaBoxes = $(“.now-thumbnail”); let titles = []; mediaBoxes.each(() => { let obj = { index: i, title: $(this).find(“.now-thumbnail-bottomtext”).text().trim() }; titles.push(obj); });

IE中不支持方法’assign’，该怎么做

我有一个小/ javascript，Babel脚本，在Chrome和Firefox浏览器中运行得很好，但在Internet Explorer 11中失败了。 我希望有人可以帮助我。 这是我的function： getDaysWithEvents() { // Get all the days in this months calendar view // Sibling Months included const days = this.getCalendarDays(); // Set Range Limits on calendar this.calendar.setStartDate(days[0]); this.calendar.setEndDate(days[days.length – 1]); // Iterate over each of the supplied events this.props.events.forEach((eventItem) => { const eventStart = this.getCalendarDayObject(eventItem.start); const eventEnd = this.getCalendarDayObject(eventItem.end); […]