Пакет 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();

}