jQueryのfunctionの別ファイル化

Question

前提・実現したいこと

現在、RailsとjQueryなどでサービス開発をしています。
その中で共通する部分を切り出して、別のJSでも利用したい関数があるのですが、うまくいっていません。

切り分け前（同一jqueryファイル内）

var message = "見つかりませんでした。";
var message_type = "error";
notifyme(message, message_type);

  function notifyme (message, message_type){

      new PNotify({
        text: message,
        type: message_type,
        styling: 'bootstrap3',
        hide: false,
        buttons: {
          sticker: false
        }
      });
  };

結果：ちゃんとpNotifyが表示されました。

切り分け後（別にnotifyme.jsを作った）

require("../notifyme.js");

var message = "見つかりませんでした。";
var message_type = "error";
notifyme(message, message_type);

notifyme.js

(function( $ ) {
  $.fn.notifyme = function (message, message_type) {

    new PNotify({
      text: message,
      type: message_type,
      styling: 'bootstrap3',
      hide: false,
      buttons: {
        sticker: false
      }
    });

  };
})( jQuery );

結果： エラーになります。

発生している問題・エラーメッセージ

VM7283 1:3860 jQuery.Deferred exception: notifyme is not defined ReferenceError: notifyme is not defined

requireの仕方が悪いのか、呼び出し方が悪いのか、それともプラグイン化がうまくいっていないのか、どうすればよいか教えてください！

補足情報（FW/ツールのバージョンなど）

jquery
rails5

Answer 1

jsファイルを外部化するだけなら

 function notifyme (message, message_type){
      new PNotify({
        text: message,
        type: message_type,
        styling: 'bootstrap3',
        hide: false,
        buttons: {
          sticker: false
        }
      });
  };

の部分をjsファイルに保存してlinkタグで呼び出せばよいのでは？

Comments

[Yuinyan]

すみません、もう少し具体的に教えていただくことは出来ますか？

[yambejp]

回答したとおりです
function notifyme (・・・){・・・}
だけnotifyme.jsに書き呼び出すだけです。

質問者さんが例示のものは
「$.fn.notifyme」というjQueryの拡張を意図しているようですが、そのわりには
「notifyme(message, message_type);」とjQueryとは無関係に呼んでますよね？
jQueryのライブラリとして機能させないのであれば単なるユーザー関数を書けばよいのでは？
ということです

[Yuinyan]

ご指摘のようにnotifyme.jsをつくって、既存のJSファイルからどのようにリンクするのでしょうか？呼び出し方がわかりませんでした。