Пакет jQuery fn to npm

Question

Давайте возьмем учебник из jQuery, чтобы создать новый плагин jQuery.Ниже копия-вставка из учебника, упомянутого в https://learn.jquery.com/plugins/basic-plugin-creation/

(function ( $ ) {

  $.fn.greenify = function() {
    this.css( "color", "green" );
    return this;
  };

}( jQuery ));

. Я хотел бы использовать этот плагин на моем сайте, управляемом npm, где я использую несколько других пакетов npm.Ниже приведен пример того, как я хотел бы использовать «greenify».

import $ from 'jquery'

export default function popup() {

  $('.some-selector').greenify();

}

Как мне добиться этого?

Answer 1

Хорошо, я понял это.Не знаю, правильно ли это, но это работает:)

Я следовал руководству, которое нашел на сайте npm, см. https://docs.npmjs.com/creating-node-js-modules и изменил код плагина ниже:

jQuery.fn.extend({
  greenify: function () {
    this.css( "color", "green" );
    return this;
  }
});

В моем другом файле теперь я могу использовать функцию greenify со следующим кодом:

import $ from 'jquery'
import greenify from 'jquery-greenify'

export default function popup() {

  $('.some-selector').greenify();

}