jQuery fn到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软件包。以下是我想如何使用“绿色化”的示例。

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();

}